body {background-color: #eeedf2;}
.page-wrapper {width: 1200px;margin: auto;}
.page-wrapper .aboutus {background-color: #0182bb;}
.page-wrapper .page-content-wrapper {display: flex;justify-content: space-between;width: 100%;margin-top: 10px;}
.page-wrapper .page-content-wrapper > .left-wrapper {width: 220px;}
.page-wrapper .page-content-wrapper > .right-wrapper {width: 960px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper {width: 100%;min-height: 100%;padding: 30px;border: 1px solid #D8D7DC;background: #fff;margin-bottom: auto;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper {display: flex;justify-content: space-between;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper.right {flex-direction: row-reverse;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .image-card-wrapper {width: 400px;position: relative;height: 225px;overflow: hidden;border-radius: 5px;margin-top: 9px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .image-card-wrapper .swiper-container:hover .swiper-button-prev, .page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .image-card-wrapper .swiper-container:hover .swiper-button-next {display: flex;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .image-card-wrapper .swiper-container .swiper-slide img {width: 100%;height: 100%;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .image-card-wrapper .swiper-container .swiper-slide .video-play-btn {position: absolute;width: 40px;height: 25px;left: 20px;bottom: 20px;background: url("../../images/icon/i_play-video.png") no-repeat center/contain;cursor: pointer;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .image-card-wrapper .swiper-container .swiper-button-disabled {pointer-events: unset;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .image-card-wrapper .swiper-container .swiper-button-prev, .page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .image-card-wrapper .swiper-container .swiper-button-next {display: none;width: 41px;height: 41px;padding: 5px;background-size: initial;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .image-card-wrapper .swiper-container .swiper-button-prev::after, .page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .image-card-wrapper .swiper-container .swiper-button-next::after {content: '';}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .image-card-wrapper .card-wrapper {display: none;border-radius: 3px;padding: 2px;cursor: default;height: 100%;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .detail-wrapper {width: 450px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .detail-wrapper .detail-name {font-size: 18px;font-weight: bold;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .detail-wrapper .detail-info {margin-top: 10px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .detail-wrapper .detail-info > div {display: flex;align-items: center;margin-top: 10px;font-size: 15px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .detail-wrapper .detail-info > div .show-card {display: block;width: 30px;height: 20px;margin-left: 10px;background: url("../../images/icon/i_card.jpg") no-repeat center/contain;}
/* li */.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .detail-wrapper .detail-info .im-chat {display: flex;align-items: center}
/* li */.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .detail-wrapper .detail-info .im-chat div{margin-right: 10px;cursor: pointer;width: 22px;height: 22px;background: url("") no-repeat center/22px;}
/* li */.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .detail-wrapper .detail-info .im-chat .adchat{background-image: url("../../assets/icon_logo_1.png")}
/* li */.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .detail-wrapper .detail-info .im-chat .wechat{background-image: url("../../assets/icon_share_wechat.png")}
/* li */.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .detail-wrapper .detail-info .im-chat .whatsapp{background-image: url("../../assets/phone.png")}
/* wechat *//* li */.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .detail-wrapper .detail-info .qrcode {display: none;position: absolute;width: 160px;height: 160px;top: -168px;border: 1px solid white;background: white;padding: 30px;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);border-radius: 8px;z-index: 9;}
/* li */.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .top-content-wrapper > .detail-wrapper .detail-info .qrcode > i.close {position: absolute;width: 11px;height: 11px;top: 10px;right: 10px;cursor: pointer;background: url("../../assets/icon_share_close.png") no-repeat center/11px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .introduction-wrapper {margin: 50px auto;text-align: justify;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .introduction-wrapper .i-title {display: flex;align-items: center;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .introduction-wrapper .i-title h3 {font-size: 16px;line-height: 18px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .introduction-wrapper .i-title i.speak {width: 18px;height: 18px;background-position: center;background-size: contain;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .introduction-wrapper .i-content {margin-top: 20px;font-size: 15px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .introduction-comment-wrapper {border-top: 1px solid #DCDCDC;margin-top: 50px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .introduction-comment-wrapper .comment-wrapper > .comment-bar {justify-content: right;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper > .no-message {padding: 30% 0;text-align: center;font-size: 18px;color: #8a8a8a;}

/* full view */
.full-view {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: black;z-index: 999999;}
.full-view:hover .swiper-button-prev,
.full-view:hover .swiper-button-next {display: flex;}
.full-view .swiper-wrapper {height: calc(100% - 70px);margin-top: 50px;}
.full-view .swiper-wrapper img {cursor: pointer;}
.full-view .swiper-pagination {top: 1em;bottom: auto !important;color: #fff;width: 100%;font-size: 16px;}
.full-view .swiper-button-disabled {pointer-events: unset;}
.full-view .swiper-button-prev,
.full-view .swiper-button-next {display: none;width: 32px;height: 32px;background: gray;border-radius: 50%;}
.full-view .swiper-button-prev::after,
.full-view .swiper-button-next::after {content: '';}
.full-view .close-view {top: 10px;right: 10px;position: absolute;z-index: 11;width: 30px;height: 30px;background: url("../../images/icon/i_close.png") center/30px no-repeat;cursor: pointer;}