﻿.header .bot .lang{ display:none;}


.mainCons .main-head.finx
{
position: fixed;
    top: 109px;
    left: 0px;
    z-index: 99;
}

.hedss
{
    height: 96px;
}

.finx {
    height: 96px;
}


/**顶部跳转标签**/

.main-head .layout-head .box-active .line
{
    left: 0 !important;
    width: 100% !important;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.mainCons .main-head.fix
{
    position: fixed;
    top: 62px;
    z-index: 2;
}

.mainCons .main-head
{
    display: block;
    width: 100%;
    background-color: #f7f8f9;
    margin-top: 0px;
    height: 96px;
}

.main-head .layout-head .box-active
{
    background-color: #fff;
}

.main-head .layout-head .head-box
{
    cursor: pointer;
    width: 33.33%;
    float: left;
}

.main-head .layout-head .head-box .head-content
{
    position: relative;
    width: 356px;
    margin: 0 auto;
    padding: 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-head .layout-head .head-box .head-content img
{
    width: 49px;
    height: 48px;
    margin-right: 18px;
}

.main-head .layout-head .head-box .head-content .head-title
{
    width: 253px;
}


.main-head .layout-head .head-box .head-content .title
{
    color: #181818;
    font-size: 18px;
    font-weight: 500;
}

.main-head .layout-head .head-box .title.head-active
{
    font-weight: bold;
}

.main-head .layout-head .head-box .head-content p
{
    color: #888;
    font-size: 14px;
    line-height: 26px;
}

.main-head .layout-head .head-box .head-content .line
{
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 4px;
    background-color: #da251d;
    z-index: 9000;
}


/***结束***/


/***内容开始，容器公用样式***/
.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{magin-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
{
    background-image: url(/images/gl.png);
    background-repeat: no-repeat;
    background-position: 0px 12px;
    height: auto;
    padding: 5px 0 5px 30px;
}

.main-body .layout .body-content .tip-lists
{
    background-image: url(/images/gl.png);
    background-repeat: no-repeat;
    background-position: 20px 22px;
    height: auto;
    padding: 15px 20px 15px 50px;width:100%
}

.main-body .layout .body-content .on
{
    color: #fff;
    background-color: #da251d;
    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;}
}