html {
    font-family: '-apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Segoe UI","PingFang SC","Hiragino Sans GB","黑体","Helvetica Neue",Helvetica,Arial,sans-serif';

}



.ellipsis {
    overflow: hidden;
    max-height: 40px;/***** 设置几行出现省略点 ... 根据line-height *****/
    line-height: 20px;
}
.ellipsis:before {
    content:"";
    float: left;
    width: 5px;
    height: 40px;/***** 跟ellipsis height 一样 *****/
}
.ellipsis > *:first-child {
    float: right;
    width: 100%;
    margin-left: -30px;
}
.ellipsis-after {
    content: "\02026";
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    top: -25px;
    left: 100%;
    width: 50px;
    margin-left: -50px;
    padding-right: 30px;
    text-align: right;
    background-size: 100% 100%;
/*　　!* 512x1 image, gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%.*!*/
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);
    background: -webkit-gradient(linear, left top, right top,from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}


.z {
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-direction: column;
    background-color: #f7f8fc;
    width: 100%;
    min-width: 1400px;

}

.container_carousel {

    position: relative;
    height: 537px;

}

.box {
    width: 100%;
}

.box .carousel {

    position: relative;
    overflow: hidden;
    height: 100%;

}

/*.box  .carousel .img {*/
/*position: absolute;*/
/*width: 100%;*/
/*height: 552px;*/
/*transform: translateX(0);*/
/*transition: transform 0.5s;*/

/*object-fit: cover;*/

/*}*/
.box .carousel .img {
    position: absolute;
    width: 100%;
    transform: translateX(0);
    height: 100%;



}
.box .carousel .img img{
    width: 100%;

    height: 100%;
    object-fit: cover;

}

/*@keyframes move {*/

    /*from {*/
        /*transform: translateX(10px);*/
    /*}*/

    /*to {*/
        /*transform: translateX(0);*/

    /*}*/

/*}*/

.box .carousel #bg {
    width: 100%;
    height: 552px;
    object-fit: cover;
    position: absolute;
}

.box .carousel-xfk {

    position: absolute;
    bottom: 10px;
    z-index: 2;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

}

.box .carousel-xfk .xfk {

    width: 60px;
    height: 10px;
    margin: 0 2.5px;
    background-color: #000;
    opacity: 0.5;
}

.box .hd {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-top: 6px;
    width: 100%;
    height: 120px;
}

.box .shield {
    width: 250px;
    height: 65px;
}

.box .txtBg {
    display: flex;
    flex-direction: row;
    background-color: white;
    height: 65px;
    width: 660px;
    margin-left: 222px;
    justify-content: center;
    align-items: center;

}

.txtBg .txtBg_lt {
    flex: inherit;
    background-color: #3b746b;
    width: 20px;
    height: 65px;

}

.txtBg .txtBg_title {

    position: relative;
    color: black;
    display: inline-block;
    cursor: pointer;

}

.txtBg_title .zi {
    position: absolute;
    z-index: 2;
    padding: 10px 0;
    width: 100%;
    color: black !important;
    font-size: 10px !important;
    background-color: white;
    box-sizing: border-box;
    display: none;

}

.txtBg_title:hover > div {

    color: #3b746b;
    cursor: unset !important;
}

.txtBg_title.noCursor {

    cursor: unset !important;
}

.txtBg_title:hover > a {

    color: #3b746b;
}

.txtBg_title:hover .zi {

    display: block;
}

.txtBg_title .zi a:hover {
    color: #3b746b;

}

.txtBg_title .zi div {

    padding: 10px 0;

}

.txtBg div {

    flex: 1;
    text-align: center;
    font-size: 15px;
    font-weight: bold;

}

.box .bd {

    min-height: 525px;
    flex: none;
}

.foot {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    border-radius: 3px;
    background-color: #3b736b;
    height: 292px;
    width: 100%;
    min-width: 1400px;
    overflow: hidden;
}

.foot .bd {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-top: 73px;
    height: 120px;
    width: 100%;

}

.foot .actionBg {
    width: 351px;
    height: 95px;
}

.foot .wrap {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    height: 120px;
}

.foot .pic {
    width: 94px;
    height: 94px;
}

.foot .info {
    margin-top: 9px;
    text-decoration: none;
    line-height: 17px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
}

.foot .block {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-left: 16px;
    width: 111px;
    height: 120px;
}

.foot .img {
    width: 94px;
    height: 94px;
}

.foot .info_2 {
    margin-top: 9px;
    text-decoration: none;
    line-height: 17px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 17px;
}

.foot .group {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 12px;
    height: 120px;
}

.foot .smallItem {
    margin-left: 2px;
    width: 94px;
    height: 94px;
}

.foot .info_3 {
    margin-top: 9px;
    text-decoration: none;
    line-height: 17px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 17px;
}

.foot .infoWrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-left: 17px;
    width: 94px;
    height: 120px;
}

.foot .smallPic {
    width: 94px;
    height: 94px;
}

.foot .info_4 {
    margin-top: 9px;
    max-width: 457px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 17px;
    letter-spacing: 0;
    color: #ffffff;
    font-size: 17px;
}

.foot .ft {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 54px;
    width: 100%;
}

.foot .desc {
    max-width: 1907px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: 16px;
    letter-spacing: 0;
    color: #afafaf;
    font-size: 16px;
}

.layui-laypage a, .layui-laypage span {

    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0;
    background-color: #fff;
    color: #333;
    font-size: 12px;

}

.paging {
    padding: 0 20px;
    background-color: white;
    text-align: center;
    margin: 10px 10px;

}

/*包含以下四种的链接*/
a {
    text-decoration: none;
    color: white;

}

/*正常的未被访问过的链接*/
a:link {
    text-decoration: none;
    color: #000;

}

/*已经访问过的链接*/
a:visited {
    text-decoration: none;
    color: #000;

}

/*鼠标划过(停留)的链接*/
a:hover {
    text-decoration: none;
    color: #000;

}

/* 正在点击的链接*/
a:active {
    text-decoration: none;
    color: #000;

}