.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 0px) {
  .container-sm, .container {
    max-width: 98%;
  }
}
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 96%;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 96%;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 90%;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 90%;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 90%;
  }
}
@media (min-width: 1600px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 80%;
  }
}
@media(min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.row-cols-sm-8>*{flex:0 0 auto;width:12.5%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}}
@media(min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.row-cols-md-8>*{flex:0 0 auto;width:12.5%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}}
@media(min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.row-cols-lg-8>*{flex:0 0 auto;width:12.5%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}}
@media(min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.row-cols-xl-8>*{flex:0 0 auto;width:12.5%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}}
@media(min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.row-cols-xxl-8>*{flex:0 0 auto;width:12.5%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}}


.yun-nav{background:#eee;border:1px #eee solid}
.yun-nav li:hover{background:#fff;}
.main-body
{
    padding:60px 0;
}

.main-body .layout
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
}

.main-body .main-one
{
    margin-top: 145px;
}
.main-body.main-box1.main-one .layout
{
    padding-bottom: 25px;
}

.main-body.main-box1.main-one .yzhead{margin:0 auto 20px;width:100%;text-align:center}
.main-body.main-box1.main-one .yzhead h1{margin-bottom:10px}


/**图片外容器样式**/

.main-body .layout .body-img
{
    margin: 0px 0 0 0;
    height: auto;
    overflow: hidden;
    position: relative;
}

.main-body .img-one
{
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 10px #eee;
    box-shadow: 0 0 10px #eee;
    float: left;
    width: 620px;
    z-index: 10;
}

.main-body .body-img .img-img
{
    padding: 18px;
    -webkit-box-shadow: 0 0 10px #eee;
    box-shadow: 0 0 10px #eee;
}

.main-body .body-img .img-img img
{
    width: 100%;
    background-color: #eee;
}


/**结束**/


/**内容左右浮动容器**/

.main-body .layout .transformRight
{
    animation: runRight-data-v-213ac9a4 .4s ease-out;
    -moz-animation: runRight-data-v-213ac9a4 .4s ease-out;
    -webkit-animation: runRight-data-v-213ac9a4 .4s ease-out;
    -o-animation: runRight-data-v-213ac9a4 .4s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.main-body .layout .transformLeft
{
    animation: runLeft-data-v-213ac9a4 .4s ease-out;
    -moz-animation: runLeft-data-v-213ac9a4 .4s ease-out;
    -webkit-animation: runLeft-data-v-213ac9a4 .4s ease-out;
    -o-animation: runLeft-data-v-213ac9a4 .4s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.main-body .layout .tobig
{
    animation: myfirsts-data-v-213ac9a4 .2s linear;
    -moz-animation: myfirsts-data-v-213ac9a4 .2s linear;
    -webkit-animation: myfirsts-data-v-213ac9a4 .2s linear;
    -o-animation: myfirsts-data-v-213ac9a4 .2s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    z-index: 10;
}

/**结束**/


/**内容文字容器**/
.main-body .layout .body-content
{
    font-size: 14px;
    color: #888;
    line-height: 26px;padding:0 20px 20px;
}

.main-body .layout .body-content .title-top
{
    color: #181818;
    font-size: 32px;
    margin-top: 20px;
}

.main-body .layout .body-content .title-content
{
    font-size: 14px;
    line-height: 1.5;
    padding:20px 0;
}

.main-body .layout .body-content .tip
{
    font-size: 16px;
    margin:0 0 20px;
}
.main-body .layout .body-content .title
{
    color: #2c2c2c;
}

.main-body .layout .body-content .tip-list,.main-body .layout .body-content .tip-lists
{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAMAAABcOc2zAAAAOVBMVEVHcExNX+NNX+NNX+NNX+NNX+NNX+NNX+NNX+NNX+NNX+NNX+NNX+NNX+NNX+NNX+NNX+NNX+NNX+PbBmm8AAAAEnRSTlMAfBMkvfT76AjcqQLPnGQ+j1lHNBZBAAAAWUlEQVQI11WNRxLAMAgD3TCuKfr/Y2OcYqKLZgUaGaPliX7sCFFzYmDTQQasMczu4QD0YQCnyQUI4hbI4gfQ7s8+L5LX1S3n1xQ1DJFbc3XsRa/2a+K4v3ABLYwDY3Ae9gAAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 0px 12px;
    height: auto;
    padding: 5px 0 5px 30px;
}

.main-body .layout .body-content .tip-lists
{
    background-position: 20px 22px;
    padding: 15px 20px 15px 50px;width:100%
}

.main-body .layout .body-content .on
{
    color: #fff;
    background-color: #4d5fe3;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAABFUlEQVQ4T53SQYvOYRQF8N9pRLMRvoaPMCuyG8lCZjGrKc2GlB2p2ZCyI8vJwoaFwoaN1Oxm4xtY2CoLKUqGjh79TeNl1Ovunnvvc+4959z4j2h7FK/wNfP+b7uIl1jCu7kA2i7gCc7gM07NC7CJC/iGs0mep+1jHMRKki/7UWp7E9dRrCV5MHoHwAccwTOcS/J9FqTtJdyb8leT3P7VMwBO4ykOYDPJ+l6AtufxEIP/nSRX9tZ/atB2DffHRriRZGPKn8QLHMIjrCYZFHZjV8S213BrqlzENrZweLJtOcnOLL3fXGh7F5cxdPiIY3iNE0k+/U3gWYDxHquuTM1vxsEkeb+fO3/cQdth6RD1+DT57b+u9QfrvVrrxew6MQAAAABJRU5ErkJggg==);
    height: auto;
}

.main-body .layout .body-content .list-title
{font-size:16px;color: #333;font-weight:bolder;}

.main-body .layout .body-content .on .list-title{color:#fff;}

/**结束**/

.main-body.main-box11 .layout .body-content .title-content
{
    width: 378px;
}

/**结束**/


/***内容背景颜色**/
body{background-color:#fff;}
.mainbg{background-color:#eee;}
/***结束**/


.main-box2 .body-img
{
    height: 334px;
}

.main-box7 .body-img
{
    height: 334px;
}

.main-box8 .body-img
{
    height: 334px;
}

.main-box9 .body-img
{
    height: 334px;
}


.main-box14 .body-img
{
    height: 334px;
}



.main-body.main-box1  .img-one{ height:400px;}
.main-body.main-box2  .img-one{ height:402px;}
.main-body.main-box3  .img-one{ height:402px;}
.main-body.main-box4  .img-one{ height:402px;}
.main-body.main-box5  .img-one{ height:402px;}

.main-body.main-box6  .img-one{ height:402px;}
.main-body.main-box7  .img-one{ height:402px;}
.main-body.main-box8  .img-one{ height:402px;}
.main-body.main-box9  .img-one{ height:412px;}
.main-body.main-box10  .img-one{ height:402px;}
.main-body.main-box11  .img-one{ height:412px;}

.main-body.main-box12  .img-one{ height:402px;}
.main-body.main-box12  .img-one .img-img{ overflow: hidden;}

.main-body.main-box13  .img-one{ height:405px;}
.main-body.main-box14  .img-one{ height:450px;}

.main-body.main-box15  .img-one{ height:345px;}
.main-body.main-box16  .img-one{ height:402px;}
.main-body.main-box17  .img-one{ height:477px;}
.main-body.main-box18  .img-one{ height:355px;}
.main-body.main-box19  .img-one{ height:362px;}
.main-body.main-box20  .img-one{ height:405px;}
@media (max-width: 575px){
h1{font-size:24px}
.main-body{padding:30px 0;}
.main-body .layout .body-content{padding:0 10px 20px;}
.main-body .layout .body-content .title-top{font-size:24px;}
.main-body .body-img .img-img img{width:55%}
.main-body .layout .body-content .title-content{font-size:12px;padding:10px 0;}
.img-one{ height:240px!important;}
}
.tc {
    text-align: center;
}
h1 {
    font-size: 32px;
}
p {
    word-spacing: -1.5px;
}