.swiper-container {    width: 1226px;    height: 100%;    margin: 0 auto;    position: relative;    overflow: hidden;    -webkit-backface-visibility: hidden;    -moz-backface-visibility: hidden;    -ms-backface-visibility: hidden;    -o-backface-visibility: hidden;    backface-visibility: hidden;    /* Fix of Webkit flickering */    z-index: 1;    text-align: center;    color: #FFFFFF;}.swiper-container .pagination {    position: absolute;    z-index: 10;    bottom: 50px;    width: 100%;    text-align: center;    left: 0;}.swiper-container .swiper-pagination-switch {    opacity: 0.34;    background: #FFFFFF;    display: inline-block;    width: 36px;    height: 3px;    margin: 0 4px;}.swiper-container .swiper-active-switch {    background: #1CA5C2;    opacity: 1;}.swiper-wrapper {    position: relative;    width: 100%;    -webkit-transition-property: -webkit-transform, left, top;    -webkit-transition-duration: 0s;    -webkit-transform: translate3d(0px, 0, 0);    -webkit-transition-timing-function: ease;    -moz-transition-property: -moz-transform, left, top;    -moz-transition-duration: 0s;    -moz-transform: translate3d(0px, 0, 0);    -moz-transition-timing-function: ease;    -o-transition-property: -o-transform, left, top;    -o-transition-duration: 0s;    -o-transform: translate3d(0px, 0, 0);    -o-transition-timing-function: ease;    -o-transform: translate(0px, 0px);    -ms-transition-property: -ms-transform, left, top;    -ms-transition-duration: 0s;    -ms-transform: translate3d(0px, 0, 0);    -ms-transition-timing-function: ease;    transition-property: transform, left, top;    transition-duration: 0s;    transform: translate3d(0px, 0, 0);    transition-timing-function: ease;}.swiper-free-mode > .swiper-wrapper {    -webkit-transition-timing-function: ease-out;    -moz-transition-timing-function: ease-out;    -ms-transition-timing-function: ease-out;    -o-transition-timing-function: ease-out;    transition-timing-function: ease-out;    margin: 0 auto;}.swiper-slide {    float: left;}.wrap {    margin-top: 74px;    width: 100%;}.wrap .view {    width: 1200px;    margin: 0 auto;    color: #555555;}.wrap .view h2 {    padding-top: 120px;    margin-bottom: 40px;}.wrap .view .slogan {    font-size: 14px;    color: #444444;    line-height: 21px;    text-align: center;}.customer-swipper {    height: 500px;    /* margin-top: 76px; */    overflow: hidden;    transition: .5s;}.customer-swipper .title {    padding-top: 85px;    font-size: 45px;}.customer-swipper .content {    font-size: 14px;    color: #fff;    line-height: 24px;    margin-top: 33px;}.customer-swipper .video-btn {    display: block;    width: 88px;    height: 88px;    margin: 25px auto;    background: url('../images/btn.png')}.customer-swipper .download {    margin-top: 53px;}.customer-swipper .download a {    color: #FFFFFF;}.customer-swipper .download a .icon {    display: block;    margin: 17px auto;    width: 20px;    height: 20px;    background-image: url('../images/download.svg');    background-repeat: no-repeat;    background-size: 100% 100%;}.customers {    padding-top: 40px;}.customers-filter {    display: flex;    font-size: 16px;    line-height: 40px;    margin-bottom: 16px;}.customers-filter-title {    color: #333333;    margin-right: 22px;    font-size: 16px;}.customer-filter-list {    display: flex;}.customer-filter-list li {    margin: 0 16px;    border-radius: 4px;    transition: 0.3s;    cursor: pointer;}.customer-filter-list li a {    color: #333333;    padding: 0 16px;    display: inline-block;}.customer-filter-list li:hover {    background: #F2F7FA;}.customer-filter-list li.active {    background: #1CA5C2;}.customer-filter-list li.active a {    color: #ffffff;}.customer .wrap {    margin-top: 0;}.customer .wrap .view {    padding-top: 0;}.list {    padding-bottom: 20px;    list-style: none;    display: flex;    flex-wrap: wrap;}.list .list-item {    transition: all .2s linear;    background-color: #fff;    margin: 12px;    padding: 30px;    width: 32%;    box-sizing: border-box;    height: 388px;    border-radius: 4px;    overflow: hidden;    border: 1px solid rgba(230, 230, 230, 1);}.list .list-item:nth-of-type(3n+1) {    margin-left: 0;}.list .list-item:nth-of-type(3n) {    margin-right: 0;}.list .list-item:hover {    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);    transform: translate3d(0, -2px, 0);}.customer-lists-warp .list .list-item:hover {    box-shadow: none;    transform: none;}.list .list-item .list-item-img {    height: 70px;    text-align: center;}.list .list-item .list-item-img img {    margin: 0 auto;    display: block;    max-width: 100%;    height: 100%;}.list .list-item .list-item-content {}.list .list-item .list-item-content .list-item-area {    color: #fff;    background-color: #03b8cc;    padding: 3px 10px;}.list .list-item .list-item-content .item-news-title {    font-size: 20px;    color: #333333;    margin: 20px 0 0;    line-height: 26px;    text-align: center;    width: 100%;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}.list .list-item:hover .list-item-content .item-news-title {    /*color: #03b8cc;*/}.list .list-item .list-item-content .item-new-time {    font-size: 12px;    color: #999999;    text-align: left;    display: block;    margin: 10px 0px 20px 0px;}.list .list-item .list-item-content .item-news {    margin-top: 32px;    text-align: left;    font-size: 16px;    color: #6E6E70;    height: 110px;    overflow: hidden;}.list .list-item .list-item-content .item-news:before {    background: #fff;    /*content: '...';*/    padding: 0 1px;    position: absolute;    right: 14px;    bottom: 0;}.list .list-item .list-item-content .item-news:after {    background: white;    content: '';    margin-top: 0.2em;    position: absolute;    right: 14px;    width: 1em;    height: 1em;}.list-item-btn {    display: flex;    justify-content: space-between;    align-items: center;    margin-top: 30px;}.list-item-btn a.last {    border: 1px solid rgba(28, 165, 194, 1);    border-radius: 3px;    font-size: 14px;    color: #1CA5C2;    line-height: 40px;    width: 156px;    text-align: center;    box-sizing: border-box;    height: 40px;    transition:0.3s;}.list-item-btn a.last:hover{    background: #1CA5C2;    color: #FFFFFF;}.list-item-btn a.first, .list-item-btn a:first-of-type {    background: #1CA5C2;    border-radius: 3px;    font-size: 14px;    color: #FFFFFF;    line-height: 40px;    width: 156px;    display: flex;    align-items: center;    justify-content: center;    position: relative;    cursor: pointer;    transition: 0.3s;}.list-item-btn a.first:hover, .list-item-btn a:first-of-type:hover{    background: #33AEC8;}.list-item-btn a > img {    width: 14px;    height: 14px;    margin-right: 6px;}.list-item-btn a:hover .list-item-btn-card {    display: block;}.list-item-btn-card {    display: none;    width: 250px;    height: 290px;    background: #ffffff;    position: absolute;    top: -320px;    left: 0;    padding: 20px;    box-sizing: border-box;    box-shadow: 0px 12px 30px 0px rgba(191, 216, 224, 0.5);}.list-item-btn-card:after {    position: absolute;    content: "";    bottom: -24px;    left: 64px;    border-right: 12px solid transparent;    border-top: 12px solid #ffffff;    border-bottom: 12px solid transparent;    border-left: 12px solid transparent;}.list-item-btn-card img {    width: 100%;    height: 210px;}.list-item-btn-card p {    margin-top: 20px;    font-size: 14px;    line-height: 20px;    color: #6E6E70;    text-align: center;}.customers .btn-primary {    margin: 0 auto;    display: block;}.modal .modal-header {    border-bottom: none;}.modal .modal-header .btn-primary {    width: 40px;}.modal .video-palyer {    width: 600px;    height: 400px;}.ydh-head-video {    display: none;    position: fixed;    width: 100%;    height: 100%;    top: 0;    left: 0;    right: 0;    background-color: rgba(0, 0, 0, .7);    z-index: 1000;}.ydh-video {    display: none;    width: 757px;    height: 455px;    position: fixed;    top: 50%;    left: 50%;    margin: -320px 0 0 -360px;;}