*{
    color: #2c3b52;
}
h1{
    color: white;
    text-align: center;
}
h2{
    font-size: 36px;
    text-align: center;
    padding-top: 90px;
    padding-bottom: 20px;
}
h3{
    font-size: 18px;
    text-align: center;
    padding-bottom: 16px;
}
p{
    font-size: 14px;
    color: #9599a8;
    text-align: center;
    padding-bottom: 60px;
}
body{
    background-color: #f7f8f8;
}



/*横幅广告*/
#banner{
    padding-top: 80px;
    background-color: #1c1c1c;
    overflow: hidden;
}
#banner-context{
    background-image: url(../img/banner-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
    position: relative;
    z-index: 1;
}

.line{
    margin: 0 auto;
    background-image: url(../img/banner-icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
#banner p{
    position: absolute;
    color: white;
}
#banner img{
     position: absolute;
 }
#space{
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
}
#line-canvas{
    width: 100%;
}
.line span{
    transform-origin:0;
    -ms-transform-origin:0; 		/* IE 9 */
    -webkit-transform-origin:0;	/* Safari 和 Chrome */
    -moz-transform-origin:0;		/* Firefox */
    -o-transform-origin:0;		/* Opera */
    display: block;
    border: 0.02rem solid white;
    position: absolute;
    width: 200px;
}
.line div{
    position: absolute;
    animation-fill-mode: forwards;
    overflow: hidden;
    animation-iteration-count:1;
    -webkit-animation-iteration-count:1; /* Safari 和 Chrome */
}
.line-one
{
    border: 0.02rem solid white;
    animation:mymove 1s linear;
    -webkit-animation:mymove 1s linear; /*Safari and Chrome*/
}
.line-two{
    animation:mymove 2s linear;
    -webkit-animation:mymove 2s linear; /*Safari and Chrome*/
}
.line-two span{
    transform: rotate(60deg);
    -ms-transform: rotate(60deg); 		/* IE 9 */
    -webkit-transform: rotate(60deg);	/* Safari 和 Chrome */
    -moz-transform: rotate(60deg);		/* Firefox */
    -o-transform: rotate(60deg);		/* Opera */
}
.line-three{
    animation:mymove 2s linear;
    -webkit-animation:mymove 2s linear; /*Safari and Chrome*/
    animation-delay:1s;
    -webkit-animation-delay:1s; /* Safari 和 Chrome */
}
.line-three span{
    transform: rotate(-75deg);
    -ms-transform: rotate(-75deg); 		/* IE 9 */
    -webkit-transform: rotate(-75deg);	/* Safari 和 Chrome */
    -moz-transform: rotate(-75deg);		/* Firefox */
    -o-transform: rotate(-75deg);		/* Opera */
    bottom: 0;
}
.line-four{
    animation:mymove 1s linear;
    -webkit-animation:mymove 1s linear; /*Safari and Chrome*/
    animation-delay:1.7s;
    -webkit-animation-delay:1.7s; /* Safari 和 Chrome */
}
.line-four span{
    transform: rotate(7deg);
    -ms-transform: rotate(7deg); 		/* IE 9 */
    -webkit-transform: rotate(7deg);	/* Safari 和 Chrome */
    -moz-transform: rotate(7deg);		/* Firefox */
    -o-transform: rotate(7deg);		/* Opera */
}
.line-five{
    animation:mymove 1s linear;
    -webkit-animation:mymove 1s linear; /*Safari and Chrome*/
    animation-delay:2.8s;
    -webkit-animation-delay:2.8s; /* Safari 和 Chrome */
}
.line-five span{
    bottom: 0;
    transform: rotate(-14deg);
    -ms-transform: rotate(-14deg); 		/* IE 9 */
    -webkit-transform: rotate(-14deg);	/* Safari 和 Chrome */
    -moz-transform: rotate(-14deg);		/* Firefox */
    -o-transform: rotate(-14deg);		/* Opera */
}
.line-six{
    animation:mymove6 1s linear;
    -webkit-animation:mymove6 1s linear; /*Safari and Chrome*/
    animation-delay:3.7s;
    -webkit-animation-delay:3.7s; /* Safari 和 Chrome */
}
.line-six span{
    transform: rotate(79deg);
    -ms-transform: rotate(79deg); 		/* IE 9 */
    -webkit-transform: rotate(79deg);	/* Safari 和 Chrome */
    -moz-transform: rotate(79deg);		/* Firefox */
    -o-transform: rotate(79deg);		/* Opera */
}
.line-seven{
    animation:mymove 1s linear;
    -webkit-animation:mymove 1s linear; /*Safari and Chrome*/
    animation-delay:3.7s;
    -webkit-animation-delay:3.7s; /* Safari 和 Chrome */
}
.line-seven span{
    transform: rotate(-34deg);
    -ms-transform: rotate(-34deg); 		/* IE 9 */
    -webkit-transform: rotate(-34deg);	/* Safari 和 Chrome */
    -moz-transform: rotate(-34deg);		/* Firefox */
    -o-transform: rotate(-34deg);		/* Opera */
    bottom: 0;
}
.line-eight{
    animation:mymove6 1s linear;
    -webkit-animation:mymove6 1s linear; /*Safari and Chrome*/
    animation-delay:4.5s;
    -webkit-animation-delay:4.5s; /* Safari 和 Chrome */
}
.line-eight span{
    bottom: 0;
    transform: rotate(-75deg);
    -ms-transform: rotate(-75deg); 		/* IE 9 */
    -webkit-transform: rotate(-75deg);	/* Safari 和 Chrome */
    -moz-transform: rotate(-75deg);		/* Firefox */
    -o-transform: rotate(-75deg);		/* Opera */
}
.line-nine{
    animation:mymove5 1s linear;
    -webkit-animation:mymove5 1s linear; /*Safari and Chrome*/
    animation-delay:4.5s;
    -webkit-animation-delay:4.5s; /* Safari 和 Chrome */
}





/*产品*/
.product{
    text-align: center;
}
.part-content{
    display: inline-block;
    margin: 0 14px;
}
.part{
    background-color: white;
    width: 275px;
    height: 285px;
    box-shadow: 0 0 10px 2px #9599a8;
    border-radius: 10px;
    box-sizing: border-box;
}
.part p{
    font-size: 14px;
    padding-bottom: 20px;
}
.part img{
    width: 74px;
    height: 64px;
}
.part-img{
    height: 134px;
    padding-top: 40px;
    box-sizing: border-box;
}
.part-btn{
    height: 35px;
    width: 100px;
    border: 1px solid #9599a8;
    border-radius: 5px;
    font-size: 14px;
    color: #9599a8;
    line-height: 35px;
    margin: 0 auto;
	display: block;
}
.part-icon-red{
    display: none;
}
.part-content:hover img.part-icon-red{
    display: inline-block;
}
.part-content:hover img.part-icon{
    display: none;
}
.part-content:hover .part-btn{
    background-color: #cc1e25;
    color: white;
}

/*优点*/
.advantage-content{
    background-image: url(../img/advantage-bgimg.png);
    height: 768px;
    box-sizing: border-box;
    position: relative;
    margin-top: 5px;
}
.content-title{
    padding-left: 120px;
    padding-top: 65px;
}
.content-title h3{
    font-size: 48px;
    color: white;
    text-align: left;
}
.content-title p{
    font-size: 18px;
    color: white;
    text-align: left;
    padding-top: 20px;
}
.content-word{
    box-sizing: border-box;
    padding-left: 34px;
}
.content-word p{
    color: #9599a8;
    text-align: left;
    line-height: 25px;
    font-size: 14px;
}
.content-groups{
    width: 973px;
    height: 653px;
    position: relative;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
}
.content-product p,.content-service p{
    width: 302px;
}
.content-exp p,.content-tool p{
    width: 260px;
}
.content-word h4{
    font-size: 24px;
    color: white;
    padding-bottom: 30px;
}
.content-group{
    position: absolute;
}
.content-product{
    right: 0;
}
.content-product div{
    float: left;
}
.content-exp,.content-tool,.content-service{
    top: 201px;
}
.content-tool{
    right: 0;
}
.content-service{
    right: 300px;
}
.content-product div.content-word,.content-service div.content-word{
    width: 370px;
    height: 201px;
    padding-top: 30px;
}
.content-tool div.content-word,.content-exp div.content-word{
    width: 300px;
    height: 248px;
    padding-top: 70px;
}
.content-word{
    transition: all .5s ease;
}
.content-img{
    background-size: 100%;
    background-position: center center;
    transition: all .5s ease;
}
.content-product div.content-img{
    background-image: url("../img/advantage-three.png");
    width: 300px;
    height: 201px;
}
.content-exp div.content-img{
    background-image: url("../img/advantage-one.png");
    width: 303px;
    height: 203px;
}
.content-tool div.content-img{
    background-image: url("../img/advantage-four.png");
    width: 300px;
    height: 202px;
}
.content-service div.content-img{
    background-image: url("../img/advantage-two.png");
    width: 370px;
    height: 248px;
}
.content-group:hover div.content-img{
    transition: .5s;
    background-size: 110%;
}
.content-group:hover div.content-word{
    background-color: rgba(60,71,97,.6);
    transition: all .5s ease;
}


/*-------------------自适应-------------------*/
@media screen and (max-width: 2560px) {
    html{
        font-size: 100px;
    }
    h3 {
        padding-bottom: 8px;
    }

    /*横幅*/
    #banner p {
        font-size: 24px;
    }
    #space{
        max-height: 632px;
    }
    #banner-context{
        height: 552px;
    }
    .line{
        width: 1920px;
        height: 552px;
    }
    #banner h1 {
        padding-top: 130px;
        font-size: 46px;
    }
    .point-one {
        left: 520px;
        top: 225px;
    }
    .point-two{
        left: 550px;
        top: 408px;
    }
    .point-three{
        left: 310px;
        top: 445px;
    }
    .point-four{
        right: 550px;
        top: 215px;
    }
    .point-five{
        right: 710px;
        top: 310px;
    }
    .point-six{
        right: 400px;
        top: 475px;
    }
    .line-one{
        left: 536px;
        top: 465px;
        max-width: 114px;
    }
    .line-two{
        left: 633px;
        top: 312px;
        height: 105px;
    }
    .line-two span{
        width: 119px;
    }
    .line-three{
        left: 730px;
        top: 286px;
        height: 140px;
    }
    .line-three span{
        width: 144px;
    }
    .line-four{
        left: 823px;
        top: 263px;
        height: 29px;
        max-width: 107px;
    }
    .line-four span{
        width: 117px;
    }
    .line-five{
        left: 977px;
        top: 240px;
        height: 40px;
    }
    .line-five span{
        width: 107px;
    }
    .line-six{
        left: 1170px;
        top: 262px;
        height: 155px;
    }
    .line-six span{
        width: 138px;
    }
    .line-seven{
        left: 1088px;
        top: 456px;
        height: 65px;
        max-width: 92px;
    }
    .line-seven span{
        width: 118px;
    }
    .line-eight{
        left: 1240px;
        top: 310px;
        height: 108px;
    }
    .line-eight span{
        width: 111px;
    }
    .line-nine{
        left: 1248px;
        max-width: 157px;
        top: 425px;
        height: 4px;
    }

    /*产品*/
    .part{
        margin: 0 44px;
        zoom: 1.1;
    }
    .part-content:hover .part{
        box-shadow:0 0 7px 2px #cc1e25;
        transform: translateY(-40px);
    }

    /*优势*/
    .content-groups {
        zoom: 1.2;
    }
    .advantage-content {
        height: 968px;
    }
    .content-title{
        padding-left: 260px;
        padding-top: 75px;
    }

    /*动画*/
    @keyframes mymove
    {
        from {width: 0;}
        to {width: 120px;}
    }

    @-webkit-keyframes mymove /*Safari and Chrome*/
    {
        from {width: 0;}
        to {width: 120px;}
    }
    @keyframes mymove5
    {
        from {width: 0;}
        to { width: 185px;}
    }
    @-webkit-keyframes mymove5 /*Safari and Chrome*/
    {
        from {width: 0;}
        to { width: 185px;}
    }
    @keyframes mymove6
    {
        from {width: 0;}
        to {width: 45px;}
    }

    @-webkit-keyframes mymove6 /*Safari and Chrome*/
    {
        from {width: 0;}
        to {width: 45px;}
    }
}
@media screen and (max-width: 1920px) {
    html{
        font-size: 75px;
    }
    h3 {
        padding-bottom: 8px;
    }
    /*横幅*/
    #banner-context{
        height: 483px;
    }
    #space{
        max-height: 563px;
    }
    .line{
        width: 1680px;
        height: 483px;
    }
    #banner h1 {
        font-size: 36px;
        padding-top: 140px;
    }
    #banner p{
        font-size: 18px;
    }
    .point-one {
        left: 450px;
        top: 195px;
    }
    .point-two{
        left: 480px;
        top: 348px;
    }
    .point-three{
        left: 270px;
        top: 395px;
    }
    .point-four{
        right: 450px;
        top: 195px;
    }
    .point-five{
        right: 610px;
        top: 270px;
    }
    .point-six{
        right: 320px;
        top: 415px;
    }
    .line-one{
        left: 470px;
        top: 405px;
    }
    .line-two{
        left: 549px;
        top: 282px;
        height: 85px;
    }
    .line-two span{
        width: 99px;
    }
    .line-three{
        left: 630px;
        top: 242px;
        height: 130px;
    }
    .line-three span{
        width: 144px;
    }
    .line-four{
        left: 720px;
        top: 233px;
        height: 19px;
        max-width: 93px;
    }
    .line-four span{
        width: 97px;
    }
    .line-five{
        left: 857px;
        top: 218px;
        height: 30px;
        max-width: 93px;
    }
    .line-five span{
        width: 107px;
    }
    .line-six{
        left: 1026px;
        top: 222px;
        height: 145px;
        max-width: 35px;
    }
    .line-six span{
        width: 128px;
    }
    .line-seven{
        left: 958px;
        top: 396px;
        height: 65px;
        max-width: 82px;
    }
    .line-seven span{
        width: 108px;
    }
    .line-eight{
        left: 1087px;
        top: 275px;
        height: 88px;
    }
    .line-eight span{
        width: 101px;
    }
    .line-nine{
        left: 1093px;
        max-width: 137px;
        top: 375px;
        height: 4px;
    }

    /*产品*/
    .part{
        margin: 0 34px;
    }
    .part p {
        padding-bottom: 30px;
    }
    .part-content:hover .part{
        box-shadow:0 0 7px 2px #cc1e25;
        -moz-box-shadow:0 0 7px 2px #cc1e25;
        transform: translateY(-30px);
    }

    /*优势*/
    .content-groups {
        zoom: 1.2;
    }
    .advantage-content {
        height: 908px;
    }
    .content-title {
        padding-left: 120px;
        padding-top: 65px;
    }
    /*动画*/
    @keyframes mymove
    {
        from {width: 0;}
        to {width: 100px;}
    }

    @-webkit-keyframes mymove /*Safari and Chrome*/
    {
        from {width: 0;}
        to {width: 100px;}
    }
    @keyframes mymove5
    {
        from {width: 0;}
        to { width: 145px;}
    }
    @-webkit-keyframes mymove5 /*Safari and Chrome*/
    {
        from {width: 0;}
        to { width: 145px;}
    }
    @keyframes mymove6
    {
        from {width: 0;}
        to {width: 45px;}
    }

    @-webkit-keyframes mymove6 /*Safari and Chrome*/
    {
        from {width: 0;}
        to {width: 45px;}
    }
}
@media screen and (max-width: 1680px) {
    html{
        font-size: 53.35px;
    }
    h3 {
        padding-bottom: 8px;
    }

    /*横幅*/
    #banner-context{
        height: 368px;
    }
    #space{
        max-height: 448px;
    }
    .line{
        width: 1280px;
        height: 368px;
    }
    #banner h1 {
        font-size: 38px;
        padding-top: 110px;
    }
    #banner p{
        font-size: 18px;
    }
    .point-one {
        left: 330px;
        top: 145px;
    }
    .point-two{
        left: 370px;
        top: 258px;
    }
    .point-three{
        left: 200px;
        top: 295px;
    }
    .point-four{
        right: 340px;
        top: 145px;
    }
    .point-five{
        right: 460px;
        top: 200px;
    }
    .point-six{
        right: 240px;
        top: 315px;
    }
    .line-one{
        left: 356px;
        top: 310px;
    }
    .line-two{
        left: 419px;
        top: 212px;
        height: 68px;
    }
    .line-two span{
        width: 79px;
    }
    .line-three{
        left: 490px;
        top: 192px;
        height: 95px;
    }
    .line-three span{
        width: 94px;
    }
    .line-four{
        left: 550px;
        top: 178px;
        height: 19px;
        max-width: 70px;
    }
    .line-four span{
        width: 87px;
    }
    .line-five{
        left: 653px;
        top: 168px;
        height: 26px;
        max-width: 73px;
    }
    .line-five span{
        width: 87px;
        bottom: 0;
    }
    .line-six{
        left: 781px;
        top: 172px;
        height: 96px;
        max-width: 25px;
    }
    .line-six span{
        width: 95px;
    }
    .line-seven{
        left: 730px;
        top: 296px;
        height: 55px;
        max-width: 62px;
    }
    .line-seven span{
        width: 78px;
    }
    .line-eight{
        left: 827px;
        top: 210px;
        height: 64px;
    }
    .line-eight span{
        width: 81px;
    }
    .line-nine{
        left: 833px;
        top: 285px;
        height: 2px;
    }

    /*产品*/
    .part {
        zoom: .95;
        margin: 0 24px;
    }
    .part-content:hover .part{
        box-shadow:0 0 7px 2px #cc1e25;
        transform: translateY(-30px);
    }
    .part-content {
         margin: 0;
    }

    /*优势*/
    .content-groups {
        zoom: 1;
    }
    .advantage-content {
        height: 808px;
    }
    /*动画*/
    @keyframes mymove
    {
        from {width: 0;}
        to {width: 80px;}
    }

    @-webkit-keyframes mymove /*Safari and Chrome*/
    {
        from {width: 0;}
        to {width: 80px;}
    }
    @keyframes mymove5
    {
        from {width: 0;}
        to { width: 105px;}
    }
    @-webkit-keyframes mymove5 /*Safari and Chrome*/
    {
        from {width: 0;}
        to { width: 105px;}
    }
    @keyframes mymove6
    {
        from {width: 0;}
        to {width: 25px;}
    }

    @-webkit-keyframes mymove6 /*Safari and Chrome*/
    {
        from {width: 0;}
        to {width: 25px;}
    }
}
@media screen and (max-width: 1280px) {
    html{
        font-size: 50px;
    }
    h2{
        padding-bottom: 10px;
    }
    h3 {
        padding-bottom: 8px;
    }
    /*横幅*/
    #banner-context{
        height: 294px;
    }
    #space{
        max-height: 374px;
    }
    .line{
        width: 1024px;
        height: 294px;
    }
    #banner h1{
        font-size: 36px;
        padding-top: 80px;
    }
    #banner p{
        font-size: 18px;
    }
    .point-one{
        left: 250px;
        top: 110px;
    }
    .point-two{
        left: 280px;
        top: 198px;
    }
    .point-three{
        left: 140px;
        top: 230px;
    }
    .point-four{
        right: 260px;
        top: 105px;
    }
    .point-five{
        right: 360px;
        top: 160px;
    }
    .point-six{
        right: 180px;
        top: 250px;
    }
    .line-one{
        left: 286px;
        top: 247px;
    }
    .line-two{
        left: 334px;
        top: 172px;
        height: 53px;
    }
    .line-two span{
        width: 59px;
    }
    .line-three{
        left: 390px;
        top: 152px;
        height: 75px;
    }
    .line-three span{
        width: 74px;
    }
    .line-four{
        left: 437px;
        top: 142px;
        height: 10px;
    }
    .line-four span{
        width: 57px;
    }
    .line-five{
        left: 522px;
        top: 138px;
        height: 16px;
    }
    .line-five span{
        width: 57px;
        bottom: 0;
    }
    .line-six{
        left: 621px;
        top: 142px;
        height: 76px;
    }
    .line-six span{
        width: 75px;
    }
    .line-seven{
        left: 583px;
        top: 246px;
        height: 35px;
    }
    .line-seven span{
        width: 58px;
    }
    .line-eight{
        left: 663px;
        top: 167px;
        height: 54px;
    }
    .line-eight span{
        width: 61px;
        bottom: 0;
    }
    .line-nine{
        left: 665px;
        top: 232px;
        height: 2px;
    }

    /*产品*/
    .part {
        width: 220px;
        height: 228px;
        zoom: 0.99;
        margin: 0 14px;
    }

    .part-content:hover .part{
        box-shadow:0 0 15px 2px #cc1e25;
        transform: translateY(-20px);
    }
    .part-img {
        height: 114px;
        padding-top: 36px;
    }
    .part p{
        padding-bottom: 15px;
    }
    .part img {
        width: 64px;
        height: 58px;
    }

    /*优势*/
    .advantage-content {
        height: 768px;
    }
    .content-groups {
        zoom: .95;
    }
    .content-title {
        padding-left: 100px;
        padding-top: 60px;
    }
    .content-title h3 {
        font-size: 40px;
    }
    .content-title p {
        font-size: 16px;
        padding-top: 10px;
    }
    /*动画*/
    @keyframes mymove
    {
        from {width: 0;}
        to {width: 61px;}
    }

    @keyframes mymove5
    {
        from {width: 0;}
        to {width: 83px;}
    }
    @-webkit-keyframes mymove5 /*Safari and Chrome*/
    {
        from {width: 0;}
        to {width: 83px;}
    }
    @keyframes mymove6
    {
        from {width: 0;}
        to {width: 15px;}
    }

    @-webkit-keyframes mymove6 /*Safari and Chrome*/
    {
        from {width: 0;}
        to {width: 15px;}
    }
}
@media screen and (max-width: 1024px) {
    html{
        font-size: 40px;
    }
    h2 {
        font-size: 24px;
        padding-top: 80px;
        padding-bottom: 10px;
    }
    h3 {
        font-size: 14px;
        padding-bottom: 15px;
    }
    p {
        font-size: 12px;
        padding-bottom: 50px;
    }
    /*横幅*/
    #banner-context{
        height: 230px;
    }
    #space{
        max-height: 310px;
    }
    .line{
        width: 800px;
        height: 230px;
    }
    #banner h1{
        font-size: 28px;
        padding-top: 60px;
    }
    #banner p{
        font-size: 14px;
    }
    .point-one{
        left: 200px;
        top: 85px;
    }
    .point-two{
        left: 220px;
        top: 155px;
    }
    .point-three{
        left: 110px;
        top: 180px;
    }
    .point-four{
        right: 210px;
        top: 85px;
    }
    .point-five{
        right: 280px;
        top: 130px;
    }
    .point-six{
        right: 140px;
        top: 195px;
    }
    .line-one{
        left: 224px;
        top: 194px;
        max-width: 47px;
    }
    .line-two{
        left: 264px;
        top: 132px;
        height: 42px;
    }
    .line-three{
        left: 305px;
        top: 120px;
        height: 58px;
    }
    .line-four{
        left: 342px;
        top: 112px;
        height: 10px;
        max-width: 45px;
    }
    .line-five{
        left: 408px;
        top: 103px;
        max-width: 45px;
        height: 16px;
    }
    .line-six{
        left: 487px;
        top: 110px;
        height: 60px;
    }
    .line-seven{
        left: 457px;
        top: 186px;
        max-width: 38px;
        height: 35px;
    }
    .line-eight{
        left: 518px;
        top: 134px;
        height: 42px;
    }
    .line-nine{
        left: 520px;
        top: 178px;
        max-width: 63px;
        height: 2px;
    }
    /*产品*/
    .part {
        width: 180px;
        height: 210px;
        box-shadow: 0 0 5px 2px #9599a8;
        border-radius: 5px;
        margin: 0 5px;
    }
    .part-img {
        height: 104px;
        padding-top: 40px;
    }
    .part img {
        max-width: 41px;
        max-height: 40px;
    }
    .part p {
        font-size: 12px;
        padding-bottom: 10px;
    }
    .part-btn {
        height: 25px;
        width: 70px;
        border-radius: 5px;
        font-size: 12px;
        line-height: 25px;
    }
    .part-content:hover .part{
        box-shadow:0 0 7px 2px #cc1e25;
        transform: translateY(-10px);
    }

    /*优势*/
    .content-title {
        padding-left: 50px;
        padding-top: 65px;
    }
    .content-title h3 {
        font-size: 28px;
    }
    .content-title p {
        font-size: 12px;
        padding-top: 6px;
    }
    .content-groups{
        zoom: .7;
    }
    .advantage-content {
        height: 568px;
    }
    /*动画*/
    @keyframes mymove
    {
        from {width: 0;}
        to {width: 61px;}
    }

    @-webkit-keyframes mymove /*Safari and Chrome*/
    {
        from {width: 0;}
        to {width: 61px;}
    }

    @keyframes mymove5
    {
        from {width: 0;}
        to {width: 83px;}
    }
    @-webkit-keyframes mymove5 /*Safari and Chrome*/
    {
        from {width: 0;}
        to {width: 83px;}
    }
    @keyframes mymove6
    {
        from {width: 0;}
        to {width: 15px;}
    }

    @-webkit-keyframes mymove6 /*Safari and Chrome*/
    {
        from {width: 0;}
        to {width: 15px;}
    }
}