html, body{
    width: 100%;
    height: 100%;
}

.none {
    display: none;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

/*首页*/
.index, .news, .ccie, .message, .special, .brand, .brand-detail {
    background: url('/static/index/images/bg.jpg') no-repeat;
    width: 100%;
    height: 1763px;
    background-size: 100% 100%;
    position: relative;
}

.index-head {
    width: 100%;
    height: 50px;
    background: #318cd3;
    overflow: hidden;
}

.index-head .left {
    float: left;
}

.head-logo {
    width: 143px;
    height: 29px;
    margin-left: 20px;
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle;
}

.head-time {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    margin-left: 30px;
    margin-top: 16px;
}

.index-head .right {
    float: right;
}

.head-search {
    display: inline-block;
    width: 180px;
    height: 30px;
    background: #f0f0f0;
    border-radius: 20px;
    margin-top: 10px;
}

.head-search input {
    width: 148px;
    height: 20px;
    background: #fff;
    border-radius: 20px;
    border: none;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-left: 4px;
    margin-top: 5px;
    font-size: 12px;
}

.head-search .icon {
    background: url('/static/index/images/head-search.png') no-repeat;
    width: 12px;
    height: 13px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.head-info {
    display: inline-block;
    cursor: pointer;
}

.head-info .icon {
    background: url('/static/index/images/head-info.png') no-repeat;
    width: 15px;
    height: 19px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
    margin-top: 4px;
}

.head-info .text {
    font-size: 14px;
    color: #fff;
    margin-right: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 4px;
}


/*nav*/
.index-nav {
    width: 100%;
    height: 43px;
    background: #fff;
}

.index-nav-item {
    width: 100%;
    font-size: 0;
}

.index-nav-list {
    width: 200px;
    text-align: center;
    line-height: 43px;
    display: inline-block;
}

.index-nav-list a {
    display: inline-block;
    margin: 0 auto;
    width: 120px;
    height: 43px;
    font-size: 16px;
    color: #666;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.index-nav-list a .icon {
    background: url('/static/index/images/nav-icon1.png') no-repeat;
    width: 11px;
    height: 13px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.index-nav-list:nth-child(2) a .icon {
    background: url('/static/index/images/nav-icon2.png') no-repeat;
    width: 12px;
    height: 15px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.index-nav-list:nth-child(3) a .icon {
    background: url('/static/index/images/nav-icon3.png') no-repeat;
    width: 14px;
    height: 14px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.index-nav-list:nth-child(4) a .icon {
    background: url('/static/index/images/nav-icon4.png') no-repeat;
    width: 15px;
    height: 13px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.index-nav-list:nth-child(5) a .icon {
    background: url('/static/index/images/nav-icon5.png') no-repeat;
    width: 13px;
    height: 14px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.index-nav-list:nth-child(6) a .icon {
    background: url('/static/index/images/nav-icon6.png') no-repeat;
    width: 16px;
    height: 13px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.index-nav-list a .text {
    display: inline-block;
    vertical-align: middle;
}

.index-nav-list.active a {
    color: #2883ca;
    border-bottom: 2px solid #2883ca;
}

.index-nav-list.active a .icon {
    background: url('/static/index/images/nav-icon1-active.png') no-repeat;
    background-size: 100% 100%;
}

.index-nav-list:nth-child(2).active a .icon {
    background: url('/static/index/images/nav-icon2-active.png') no-repeat;
    background-size: 100% 100%;
}

.index-nav-list:nth-child(3).active a .icon {
    background: url('/static/index/images/nav-icon3-active.png') no-repeat;
    background-size: 100% 100%;
}

.index-nav-list:nth-child(4).active a .icon {
    background: url('/static/index/images/nav-icon4-active.png') no-repeat;
    background-size: 100% 100%;
}

.index-nav-list:nth-child(5).active a .icon {
    background: url('/static/index/images/nav-icon5-active.png') no-repeat;
    background-size: 100% 100%;
}

.index-nav-list:nth-child(6).active a .icon {
    background: url('/static/index/images/nav-icon6-active.png') no-repeat;
    background-size: 100% 100%;
}

/*news*/
.index-news {
    margin-top: 12px;
    width: 100%;
    height: 328px;
}

.index-news .left {
    width: 555px;
    height: 328px;
    background: #fff;
    float: left;
}

.index-news .left .index-news-banner {
    width: 527px;
    height: 300px;
    margin: 14px;
    position: relative;
    overflow: hidden;
}

.index-news-banner .banner-list {
    width: 100%;
    height: 300px;
}

.index-news-banner .banner-list a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.index-news-banner .banner-list a img {
    width: 100%;
    height: 100%;
}

.index-news-banner .bottom-text {
    position: absolute;
    z-index: 999;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
}

.index-news-banner .banner-list a .text {
    font-size: 14px;
    color: #fff;
    width: 400px;
    position: absolute;
    left: 10px;
    z-index: 1000;
}

.swiper-pagination-bullets {
    text-align: right;
}

.swiper-pagination-bullet:last-child {
    margin-right: 10px !important;
}

.swiper-pagination-bullet {
    background: #eee;
}

.layui-carousel-ind ul:hover {
    background: none;
}

.layui-carousel-ind {
    text-align: right;
    top: -42px;
    right: 12px;
}

.layui-carousel-ind ul {
    background: none;
    padding: 5px 10px 5px 5px;
}

.index-news .right {
    float: right;
    width: 633px;
    height: 328px;
    background: #fff;
}

.right-wrap {
    width: 100%;
    padding: 8px 14px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.index-news-title {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.index-news-title .news-title-left {
    width: 300px;
}

.index-news-title .news-title-right .icon, .honor-title-right .icon {
    background: url('/static/index/images/more-icon.png') no-repeat;
    width: 52px;
    height: 12px;
    background-size: 100% 100%;
    display: inline-block;
    margin-top: 14px;
}

.index-news-title .layui-tab-content {
    width: 605px;
    padding: 0;
}

.top-news-list {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e2e2e2;
}

.index-news-title .layui-tab-title li {
    padding: 0;
    width: 25%;
}

.index-news-title .layui-tab {
    margin: 0;
}

.layui-tab-title li.layui-this:after {
    border-bottom: 2px solid #2883ca !important;
}

.layui-tab-title li.layui-this a {
    color: #017ccd;
    font-weight: 400;
}

.top-news-list a {
    display: block;
    width: 100%;
    height: 40px;
}

.top-news-list a i {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #2883ca;
    margin-right: 5px;
}

.top-news-list a .text {
    width: 72%;
    display: inline-block;
    vertical-align: middle;
}

.top-news-list a .time {
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.layui-show a:hover {
    color: #017ccd;
    border-bottom: 1px solid #017ccd;
}

/*special*/
.index-special {
    margin-top: 12px;
    width: 100%;
    height: 90px;
}

.index-content-special {
    width: 100%;
    height: 90px;
    background: #fff;
    overflow: hidden;
}

.index-special-right {
    width: 1170px;
    margin: 10px auto 0;
    height: 70px;
    overflow: hidden;
}

.index-special-right .swiper-slide {
    width: 390px !important;
}

.index-special-right .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.index-special-right .swiper-slide a img {
    width: 100%;
    height: 100%;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background: url('/static/index/images/next-icon.png') no-repeat;
    width: 26px;
    height: 26px;
    background-size: 100% 100%;
    margin-top: -13px;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background: url('/static/index/images/prev-icon.png') no-repeat;
    width: 26px;
    height: 26px;
    background-size: 100% 100%;
    margin-top: -13px;
}

.swiper-info-button-prev {
    background: url('/static/index/images/prev-info-icon.png') no-repeat;
    width: 26px;
    height: 26px;
    background-size: 100% 100%;
    display: block;
}

.swiper-info-button-next {
    background: url('/static/index/images/next-info-icon.png') no-repeat;
    width: 26px;
    height: 26px;
    background-size: 100% 100%;
    display: block;
}

/*info*/
.index-info {
    width: 100%;
    height: 308px;
    margin-top: 12px;
}

.index-info .left {
    width: 810px;
    height: 308px;
    padding: 0px 14px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
}

.index-info-title {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.index-info-title .layui-tab-item {
    width: 782px;
}

.news-title-left {
    width: 80% !important;
}

.layui-tab-title {
    border-bottom-width: 0px;
}

.index-info-title .layui-tab {
    margin: 0;
    width: 100%;
}

.index-info-title .layui-tab-content {
    width: 1022px;
    padding: 0;
}

.index-info-left {
    width: 364px;
    height: 218px;
    margin-top:  25px;
}

.index-info-left img {
    width: 100%;
    height: 100%;
}

.index-info-right {
    width: 390px;
    height: 218px;
    padding-top: 25px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.index-info-right p {
    color: #666;
    line-height: 160%;
    text-align: justify;
    font-size: 14px;
    text-indent: 2em;
}

.more-icon1 {
    background: url('/static/index/images/more-icon1.png') no-repeat;
    width: 47px;
    height: 11px;
    background-size: 100% 100%;
    display: inline-block;
    margin-left: 6px;
}

.index-info .right {
    width: 375px;
    height: 308px;
    background: #fff;
    padding: 0 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.index-right-title {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #e2e2e2;
}

.index-right-title .right-title-left {
    width: 60px;
    line-height: 40px;
    color: #666;
    border-bottom: 2px solid #2883ca;
}

.index-right-title .right-title-more {
    background: url('/static/index/images/more-icon.png') no-repeat;
    width: 52px;
    height: 12px;
    background-size: 100% 100%;
    margin-top: 14px;
}

.index-right-content {
    margin-top: 30px;
    width: 100%;
    height: 184px;
    overflow: hidden;
    position: relative;
}

.right-content-list {
    width: 100%;
    height: 184px;
}

.right-content-list a {
    display: block;
    width: 100%;
    height: 100%;
}

.right-content-left {
    width: 130px;
    height: 184px;
}

.right-content-left img {
    width: 100%;
    height: 100%;
}

.right-content-right {
    width: 194px;
    height: 184px;
}

.right-content-right .name {
    color: #2b1e1e;
    font-size: 14px;
}

.right-content-right .zhiwu {
    color: #000;
    font-size: 12px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.right-content-right .desc {
    color: #888;
    font-size: 14px;
    line-height: 170%;
}

/*honnr*/
.index-honor {
    margin-top: 12px;
    width: 100%;
    height: 340px;
}

.index-honor .left {
    width: 1050px;
    height: 340px;
    background: #fff;
    padding: 0px 14px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.index-honor-wrap {
    margin-top: 20px;
    width: 1022px;
    height: 245px;
    position: relative;
    overflow: hidden;
}

.index-honor-wrap li {
    width: 184px;
    height: 245px;
    display: inline-block;
}

.index-honor-wrap li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.index-honor .right {
    width: 135px;
    height: 340px;
    background: #fff;
}

.honor-right-title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e2e2e2;
}

.honor-right-title .text {
    display: block;
    font-size: 14px;
    color: #666;
    padding-left: 6px;
    width: 70px;
    border-bottom: 2px solid #2883ca;
}

.honor-right-content {
    width: 70px;
    margin: 0 auto;
}

.honor-right-list {
    margin-top: 20px;
}

.honor-right-list a {
    display: block;
    width: 100%;
    height: 70px;
}

.honor-right-list img {
    margin: 0 auto;
    display: block;
}

.honor-right-list .text {
    font-size: 14px;
    color: #666;
    display: block;
    text-align: center;
    margin-top: 6px;
}

/*link*/
.index-link {
    width: 100%;
    height: 190px;
    margin-top: 12px;
}

.index-link-title {
    width: 100%;
    height: 34px;
    line-height: 34px;
    background: #d4e6f4;
    font-size: 0;
}

.link-title-text {
    display: inline-block;
    font-size: 14px;
    margin-left: 15px;
    color: #666;
    cursor: pointer;
}

.link-title-text.active {
    color: #1d6eac;
    font-weight: 400;
}

.index-link-content {
    width: 100%;
    height: 156px;
    background: #fff;
    overflow: hidden;
}

.index-content-item {
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.index-content-list {
    display: inline-block;
    margin-right: 40px;
    line-height: 180%;
}

/*footer*/
.index-footer {
    width: 100%;
    height: 138px;
    background: #308cd3;
    position: absolute;
    bottom: 0;
    overflow: hidden;
}

.footer-logo {
    width: 143px;
    height: 29px;
    margin-top: 50px;
    margin-left: 20px;
    display: inline-block;
}

.footer-nav {
    width: 340px;
    height: 70px;
    font-size: 0;
    display: inline-block;
    margin-top: 42px;
}

.footer-list {
    width: 60px;
    height: 70px;
    display: inline-block;
    margin-right: 25px;
}

.footer-list a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.footer-list a img {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto;
}

.footer-list a .text{
    font-size: 14px;
    color: #fff;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    display: block;
}

/*msk*/
.index-msk, .ccie-msk, .preview-msk, .disclaimer-msk {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 8888;
}

.preview-msk {
    overflow: auto;
}

.index-msk-dialog {
    position: absolute;
    width: 432px;
    height: 409px;
    border-radius: 4px;
    background: #eceff1;
    left: 50%;
    top: 50%;
    margin-left: -261px;
    margin-top: -204px;
}

.index-dialog-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #2883ca;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;
    position: relative;
}

.index-dialog-title h6 {
    font-size: 18px;
    color: #fff;
}

.index-dialog-hint {
    width: 390px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    background: #f2dede;
    border: 1px solid #ebcdcd;
    border-radius: 4px;
    color: #e74b3c;
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.index-dialog-form {
    width: 390px;
    height: 220px;
    background: #fff;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.index-dialog-name,.index-dialog-password {
    width: 100%;
    height: 54px;
    border-bottom: 1px solid #f6f6f6;
}
.index-dialog-vcode,.index-dialog-codeimg {
    width: 48%;
    height: 54px;
    border-bottom: 1px solid #f6f6f6;
    display:inline-block;
}
.index-dialog-name .icon,.index-dialog-vcode .icon, .index-dialog-password .icon {
    display: inline-block;
    vertical-align: middle;
    background: url('/static/index/images/form-icon1.png') no-repeat;
    width: 12px;
    height: 17px;
    background-size: 100% 100%;
}

.index-dialog-password .icon {
    background: url('/static/index/images/form-icon2.png') no-repeat;
    background-size: 100% 100%;
}

.index-dialog-name input,.index-dialog-password input {
    width: 90%;
    background: none;
    height: 54px;
    line-height: 54px;
    border: none;
    margin-left: 2%;
}
.index-dialog-vcode input{
    width: 80%;
    background: none;
    height: 54px;
    line-height: 54px;
    border: none;
    margin-left: 4%;
}
.index-dialog-codeimg img{width:100%;}
.index-dialog-btn {
    width: 100%;
    height: 46px;
    line-height: 46px;
    background: #3499e8;
    display: block;
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-top: 0px;
}

.index-dialog-btn:hover {
    color: #fff;
}

.index-dialog-bottom {
    width: 390px;
    margin: 0 auto;
    margin-top: 20px;
}

.index-dialog-bottom .text {
    font-size: 12px;
    color: #3499e8; 
}

.dialog-close {
    background: url('/static/index/images/dialog-close.png') no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
    position: absolute;
    right: 20px;
    top: 19px;
}

/*news  
.news-banner {
    background-size: 100% 100%;
    width: 100%;
    height: 342px;
    overflow: hidden;
    position: relative;
}

.banner-img-bg {
    width: 100%;
    height: 100%;
}

.news-banner-wrap {
    position: absolute;
    width: 1200px;
    top: 0;
    left: 50%;
    margin-left: -600px;
}

.news-banner-text {
    width: 412px;
    height: 163px;
    margin-left: 600px;
    margin-top: 90px;
}

.news-banner-text img {
    width: 100%;
    height: 100%;
}

*/
.news-banner {
    background: url('/static/index/images/news-banner-bg.jpg') no-repeat;
    width: 100%;
    height: 342px;
    background-size: 100% 100%;
    overflow: hidden;
}

.news-banner-text {
    width: 412px;
    height: 163px;
    margin-left: 600px;
    margin-top: 90px;
}



.news-crumbs {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #fff;
}

.news-crumbs .icon {
    background: url('/static/index/images/crumbs-icon.png') no-repeat;
    width: 7px;
    height: 10px;
    background-size: 100% 100%;
    display: inline-block;
}

.news-crumbs span {
    font-size: 12px;
    color: #000;
}

.news-crumbs p {
    font-size: 12px;
    display: inline-block;
}

.news-crumbs p a {
    color: #888;
}

.news-crumbs p b {
    color: #2883ca;
}

.news-content, .detail-content, .client-content {
    width: 100%;
    height: 970px;
    margin-top: 15px;
}

.news-content .left {
    width: 300px;
    height: 970px;
    background: #fff;
}

.news-content .left-title {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #2883ca;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.news-content .left-title .icon {
    background: url('/static/index/images/news-icon.png') no-repeat;
    width: 15px;
    height: 19px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
}

.news-content .left-title  .text {
    display: inline-block;
    vertical-align: middle;
}

.news-content .left-item {
    width: 100%;
}

.news-content .left-list {
    width: 100%;
    min-height: 60px;
    line-height: 60px;
    text-align: center;
}

.news-content .left-list a {
    display: block;
    width: 100%;
    height: 100%;
    color: #666;
    font-size: 16px;
}

.news-content .left-list a .icon {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #2883ca;
    margin-right: 5px;
}

.left-list-item {
    width: 100%;
    background: #f9f9f9;
}

.left-list-item .left-item-list .text {
    padding-left: 13px;
}

.left-list-item .left-item-list:nth-child(3) .text {
    padding-left: 46px;
}

.news-content .left-list.active {
    background: #eeeeee;
}

.news-content .left-list.active .text {
    color: #2883ca;
}

.news-content .left-list.active .left-item-list a .text {
    color: #666;
}

.news-content .left-list.active .left-item-list.active a .text {
    color: #2883ca;
}

.news-content .right {
    width: 860px;
    height: 970px;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.news-content .right .news-right-title, .news-content .middle .news-right-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e2e2e2;
}

.news-content .right .news-right-title .text, .news-content .middle .news-right-title .text {
    font-size: 18px;
    color: #2883ca;
    font-weight: 600;
    display: inline-block;
    /*min-width: 150px;*/
    text-align: center;
    border-bottom: 2px solid #2883ca;
    /*max-width: 250px;*/
    line-height: 50px;
}

.news-right-content {
    padding-left: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.news-right-content .top-news-list {
    width: 98%;
    height: 70px;
    line-height: 70px;
}

.news-right-content .top-news-list:hover a {
    color: #2883ca;
}

.news-content-page {
    text-align: center;
    margin-top: 50px;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background: #2883ca;
}

.lead-news-list {
    width: 130px;
    height: 214px;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
    margin-right: 20px;
}

.lead-news-list a {
    display: block;
    width: 100%;
    height: 100%;
}

.lead-news-list a .text {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #666;
}

/*detail*/
.detail-article {
    width: 100%;
    height: 970px;
    background: #fff;
    padding: 30px 80px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: auto;
}

.detail-article h5 {
    font-size: 18px;
    color: #000;
    width: 100%;
    text-align: center;
    font-weight: 600;
}

.detail-hint {
    width: 100%;
    text-align: center;
    margin-top: 18px;
}

.detail-hint span {
    font-size: 14px;
    color: #888;
    margin-right: 40px;
}

.detail-article-content {
    width: 100%;
    margin-top: 30px;
}
.detail-article-content h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.detail-article-content p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
}
.detail-article-content img {
    display: block;
    margin-top: 10px;
}

.detail-article-content1 img {
    max-width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
}

/*client*/
.client, .orderDetail {
    width: 100%;
    min-height: 100%;
    background: #eee;
    position: relative;
    overflow: hidden;
}

.client-banner {
    background: url('/static/index/images/client-banner-bg.jpg') no-repeat;
    background-size: 100% 100%;
}

.client-content {
    min-height: 100%;
}

.client-content .left {
    width: 300px;
    height: 300px;
    background: #fff; 
}

.client-content .left-title .icon {
    background: url(/static/index/images/client-icon.png) no-repeat;
    width: 19px;
    height: 17px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
}

.client-content .middle {
    width: 655px;
    background: #fff;
    margin-left: 22px;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
}

.client-content .client-content-right {
    width: 200px;
}

.client-content .client-content-right .right-top {
    width: 100%;
    height: 265px;
    background: #fff;
    margin-bottom: 20px;
}

.client-content .client-content-right .right-top h6 {
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #2883ca;
}

.client-content .client-content-right .right-top p {
    padding: 8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    line-height: 160%;
    text-align: justify;
}

.client-content .client-content-right .right-middle {
    height: 280px;
}

.client-content .client-content-right .right-middle h6 {
    background: #e1852b;
}

.client-middle-form {
    margin-top: 15px;
}

.layui-form-label {
    width: auto;
    text-align: left;
}

.layui-form-label i {
    color: red;
    margin-right: 5px;
}

.client-form-title {
    margin-top: 25px;
    width: 105%;
    height: 25px;
    background: #2883ca;
    margin-left: -14px;
    margin-bottom: 15px;
}

.client-form-title .text {
    font-size: 16px;
    color: #fff;
    padding-left: 34px;
    color: #fff;
    font-weight: 600;
}

.client-add-text {
    margin-top: 30px;
    text-align: center;
    cursor: pointer;
}

.client-add-text .icon {
    background: url('/static/index/images/add-icon.png') no-repeat;
    width: 26px;
    height: 25px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
}

.client-add-text .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #666;
    margin-left: 8px;
}

.client-form-btn, .ability-form-btn {
    margin: 40px auto 80px;
    text-align: center;
}

.client-form-btn .layui-btn, .ability-form-btn .layui-btn {
    width: 130px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    border: none;
    margin-right: 14px;
    /* background: #7bb81b; */
}

.client-form-btn .layui-btn-danger {
    margin-left: -100px;
}

.client-form-btn button:last-child {
    margin-right: 0;
}

.client-form-btn .layui-btn-primary, .ability-form-btn .layui-btn-primary {
    width: 130px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #ea8b53;
    color: #fff;
    border-radius: 10px;
    border: none;
    margin-left: -80px;
    margin-right: 14px;
}

.client-content .client-content-right .right-bottom {
    height: 170px;
}

.client-content .client-content-right .right-bottom span, .client-content .client-content-right .right-middle span {
    font-size: 14px;
    color: #888;
    padding: 0 8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-top: 5px;
    display: block;
}

.client-content .client-content-right .right-bottom p, .client-content .client-content-right .right-middle p {
    font-size: 14px;
    color: #2883ca;
    padding: 0 8px;
    margin-top: 8px;
}

/*能力查询*/


/*注册*/
.register-banner {
    background: url('/static/index/images/register-banner-bg.jpg');
    background-size: 100% 100%;
}

.register-content {
    width: 100%;
    height: 970px;
    overflow: hidden;
    margin-top: 15px;
}

.register-wrap {
    width: 1000px;
    height: 970px;
    background: #fff;
    margin: 0 auto;
}

.register-title {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #2883ca;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.register-title .icon {
    background: url('/static/index/images/register-icon1.png') no-repeat;
    width: 15px;
    height: 15px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 20px;
}

.register-form {
    width: 800px;
    margin: 40px auto 0;
}

.register-form .layui-form-item {
    margin-bottom: 30px;
}

.register-form .layui-form-label{
    width: 90px;
    text-align: right;
}

.register-form .layui-input-block {
    margin-left: 120px;
}

.layui-form-duty {
    width: 100%;
    text-align: center;
    margin: 60px auto 0;
}

.layui-form-duty p {
    display: inline-block;
    color: #000000;
}

.layui-form-duty p a {
    color: #2883ca;
}

/*find*/
.find, .info, .modify {
    background: url('/static/index/images/find-bg.jpg') no-repeat;
    width: 100%;
    height: 1133px;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
}

.find-content, .info-content {
    width: 100%;
    height: 515px;
    margin-top: 15px;
}

.find-wrap {
    width: 1000px;
    height: 515px;
    margin: 0 auto;
    background: #fff;
}

.find-form-title {
    width: 100%;
    height: 90px;
    border-bottom: 1px solid #e2e2e2;
    text-align: center;
}

.find-title-item {
    display: inline-block;
    width: 90px;
    margin-top: 20px;
}

.find-title-item .icon {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: block;
    background: #fff;
    border: 2px solid #e2e2e2;
    text-align: center;
    color: #888;
    line-height: 25px;
    margin: 0 auto;
}

.find-title-item .text {
    color: #888;
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 6px;
}

.find-title-item.active .icon {
    background: #2883ca;
    color: #fff;
    border: none;
}

.find-title-item.active .text {
    color: #000;
}

.find-form-title .line {
    width: 100px;
    margin: 0 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -60px;
    height: 2px;
    background: #ebebeb;
}

.find-form-title .line.active {
    background: #2883ca;
}

.find-form-content {
    width: 100%;
    height: 150px;
    text-align: center;
    margin-top: 28px;
}

.find-input-name .left, .find-input-phone .left, .find-input-code .left, .modify-input-old .left, .modify-input-new .left, .modify-input-sure .left {
    width: 64px;
    color: #666;
    font-size: 14px;
}

.find-input-name .left i, .find-input-phone .left i, .find-input-code .left i, .modify-input-old .left i, .modify-input-new .left i, .modify-input-sure .left i {
    color: red;
    margin-right: 6px;
}

.find-input-name input, .find-input-phone input, .find-input-code input, .modify-input-old input, .modify-input-new input, .modify-input-sure input {
    width: 350px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-left: 20px;
    padding: 0 10px;
    font-size: 14px;
}

.find-input-code {
    margin-top: 20px;
    font-size: 0;
}

.find-input-code input {
    width: 220px;
}

.find-input-code .find-code-btn {
    display: inline-block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    margin-left: 10px;
    background: #2883ca;
    text-align: center;
    color: #fff;
    margin-top: -10px;
}

.find-next {
    width: 120px;
    height: 32px;
    line-height: 32px;
    display: block;
    background: #95d128;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    margin: 0 auto;
}

.find-next:hover {
    color: #fff;
}

/*info*/
.info-content .left {
    width: 300px;
    height: 360px;
    background: #fff;
}

.info-content .left .left-title {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #2883ca;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.info-content .left .left-title .icon {
    background: url('/static/index/images/info-icon.png') no-repeat;
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
}

.info-content .left-item {
    width: 100%;
}

.info-content .left-list {
    width: 100%;
    min-height: 60px;
    line-height: 60px;
    text-align: center;
}

.info-content .left-list a {
    display: block;
    width: 100%;
    height: 100%;
    color: #666;
    font-size: 16px;
}

.info-content .left-list a .icon {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #2883ca;
    margin-right: 5px;
}

.info-content .left-list.active {
    background: #eee;
}

.info-content .left-list.active .text {
    color: #2883ca;
}

.info-content .right {
    width: 860px;
    height: 515px;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.info-content .right .news-right-title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e2e2e2;
}

.info-content .right .news-right-title .text {
    font-size: 18px;
    color: #2883ca;
    font-weight: 600;
    display: block;
    width: 100px;
    text-align: center;
    border-bottom: 2px solid #2883ca;
}

.info-content .top-news-list {
    height: 48px;
    line-height: 48px;
}

.info-content .top-news-list a .text {
    width: 65%;
    color: #010101;
}

.info-content .top-news-list a .time {
    width: 30%;
    text-align: right;
    color: #c3c3c3;
}

.info-content .top-news-list a .info-content-status {
    width: 60px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    margin-left: 10px;
}

.info-content-status.status-check {
    background: #ee6500;
}

.info-content-status.status-pass {
    background: #8dca24;
}
.info-content-status.status-refuse {
    background: #2883ca;
}
/*modify*/
.modify-form {
    width: 100%;
    height: 500px;
    text-align: center;
    margin-top: 28px;
}

.modify-input-new {
    margin-top: 18px;
}

.modify-input-sure {
    margin-top: 18px;
}

.modify-input-sure input {
    margin-left: 21px;
}

.modify-btn-wrap {
    margin-top: 60px;
}

.modify-cancel-btn, .modify-sure-btn {
    display: inline-block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    background: #a6a6a6;
    color: #fff;
    text-align: center;
    border-radius: 4px;
}

.modify-sure-btn {
    background: #8dca24;
    margin-left: 6px;
}

.modify-btn-wrap a:hover {
    color: #fff;
}

/*ability*/
.ability-content.client-content, .ccie-content.client-content {
    min-height: 0;
    height: 970px;
}

.ability-content .middle, .ccie-content .middle {
    height: 970px;
}

.ability-content .ability-form-btn {
    margin-top: 100px;
}


/*feedback*/
.feedback-content {
    width: 100%;
    height: 970px;
    margin-top: 15px;
}

.feedback-article {
    width: 100%;
    height: 970px;
    background: #fff;
    padding: 40px 70px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.feedback-article h6 {
    width: 620px;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
    line-height: 180%;
}

.feedback-article .feedback-hint {
    width: 100%;
    text-align: center;
    margin-top: 14px;
    color: #888;
}

.feedback-table {
    width: 100%;
    margin-top: 50px;
}

.feedback-table table {
    width: 100%;
    border-collapse: collapse;
}

/*ccie*/
.ccie-content .layui-form-item, .message-content .layui-form-item {
    margin-top: 25px;
}

.ccie-content .layui-form-label{
    width: 140px;
    padding: 0;
    text-align: right;
    margin-top: 13px;
}

.ccie-content .layui-input-block {
    margin-left: 170px;
}

.ccie-content .layui-upload-list, .message-content .layui-upload-list {
    width: 100%;
}

.ccie-content .layui-upload-list img,.client-content .layui-upload-list img, .message-content .layui-upload-list img {
    width: 100%;
    height: 100%;
}

.upload-img {
    position: relative;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}

.upload-img .close-img-icon {
    position: absolute;
    color: red;
    font-size: 16px;
    right: 3px;
    top: 3px;
}

.ccie-content .ccie-form-btn,.message .ccie-form-btn {
    margin-top: 80px;
}

.ccie-dialog {
    width: 265px;
    height: 320px;
    background: #fff;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -132px;
    margin-top: -160px;
    overflow: hidden;
}

.ccie-dialog img {
    display: block;
    margin: 50px auto 0;
}

.ccie-dialog h6 {
    text-align: center;
    font-size: 20px;
    color: #333;
    font-weight: 700;
}

.ccie-dialog p {
    text-align: center;
    font-size: 14px;
    color: #888;
}

.ccie-close {
    background: url('/static/index/images/ccie-close.png') no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
    position: absolute;
    right: 14px;
    top: 14px;
}

/*message*/
.message-banner {
    background: url('/static/index/images/message-banner-bg.jpg') no-repeat;
    background-size: 100% 100%;
}

.message-banner .news-banner-text {
    margin: 90px auto 0;
    width: 589px;
    height: 162px;
}

.message-content .left {
    height: 240px;
}

.mine-exchange {
    width: 90px;
    height: 25px;
    line-height: 25px;
    background: #338fd6;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    margin-top: 12px;
}

.mine-exchange:hover {
    color: #fff;
}

.message-check-input input {
    width: 82%;
    display: inline-block;
}

.message-check-input .check-code {
    display: inline-block;
    float: right;
}

.message-check-input .check-code .text {
    color: #666;
    margin-right: 20px;
}

/*special*/
.special-banner {
    background: url('/static/index/images/special-banner-bg.jpg') no-repeat;
    background-size: 100% 100%;
}

.special-banner-text {
    width: 367px;
    height: 163px;
    margin: 90px auto;
}

.special-content .left-title .icon {
    background: url('/static/index/images/special-icon.png') no-repeat;
    width: 18px;
    height: 19px;
    background-size: 100% 100%;   
}

.special-right-content {
    width: 760px;
    margin: 40px auto 0;
}

.special-img-list {
    width: 369px;
    height: 70px;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}

.special-img-list:nth-child(even) {
    margin-right: 0;
}

.special-img-list img {
    width: 100%;
    height: 100%;
}

.special-video-content {
    width: 860px;
    margin-left: 10px;
    margin-top: 40px;
}

.special-video-list {
    width: 235px;
    height: 150px;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
}

.special-video-list video,.special-video-list img {
    width: 100%;
    height: 100%;
}

.special-video-list .msk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}

.special-video-list .msk .icon {
    background: url('/static/index/images/video-icon.png') no-repeat;
    width: 41px;
    height: 41px;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
}

/*brand*/
.brand-banner {
    background: url('/static/index/images/brand-banner-bg.jpg') no-repeat;
    background-size: 100% 100%;
}

.brand-content .left-title .icon {
    background: url('/static/index/images/brand-icon.png') no-repeat;
    width: 20px;
    height: 17px;
    background-size: 100% 100%;   
}

.brand-right-wrap {
    width: 820px;
    margin-top: 20px;
    margin-left: -20px;
    margin-top: -20px;
}

.brand-right-list {
    width: 400px;
    height: 180px;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    margin-bottom: 15px;
    margin-right:15px;
}

.brand-right-list:nth-child(even) {
    margin-right: 0;
}

.brand-right-list .brand-right-left {
    width: 160px;
    height: 140px;
    margin-left: 12px;
    margin-top: 20px;
}

.brand-right-list .brand-right-left img {
    width: 100%;
    height: 100%;
}

.brand-right-list .brand-right-right {
    width: 200px;
}

.brand-right-list .brand-right-right h6 {
    color: #2883ca;
    font-size: 12px;
    font-weight: 600;
    margin-top: 22px;
}

.brand-right-list .brand-right-right p {
    font-size: 12px;
    color: #666;
    margin-top: 10px;
    line-height: 150%;
}

.brand-right-list .brand-right-right p b {
    color: #eb9a5f;
}

/*brand-detail*/
.brand-detail-content {
    width: 100%;
    height: 970px;
    margin-top: 15px;
}

.brand-detail-content .left {
    width: 800px;
    height: 970px;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
}

.brand-detail-left-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e2e2e2;
}

.brand-detail-left-title .text {
    font-size: 18px;
    color: #2883ca;
    font-weight: 600;
    display: block;
    width: 100px;
    text-align: center;
    border-bottom: 2px solid #2883ca;
}

.brand-detail-left-article h6 {
    margin-top: 16px;
    text-align: center;
    font-size: 16px;
    color: #2883ca;
    font-weight: 600;
}

.brand-detail-left-content {
    margin-top: 14px;
}

.brand-detail-left-content img {
    float: left;
    width: 280px;
    height: 280px;
    margin-right: 20px;
}

.brand-detail-left-content p {
    font-size: 14px;
    line-height: 170%;
    color: #888;
    text-indent: 2em;
    margin-bottom: 20px;
}

.brand-detail-content .right {
    width: 390px;
    height: 970px;
    background: #fff;
    padding: 0 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.brand-detail-content .right .right-title-left {
    font-size: 18px;
    color: #2883ca;
    font-weight: 600;
    display: block;
    width: 100px;
    text-align: left;
    border-bottom: 2px solid #2883ca;
}

.brand-detail-right-bottom span {
    font-size: 14px;
    color: #888;
    padding: 0 8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-top: 5px;
    display: block;
}

.brand-detail-right-bottom p {
    font-size: 14px;
    color: #2883ca;
    padding: 0 8px;
    margin-top: 8px;
}

/*preview*/
.preview-msk .video-wrap {
    width: 60%;
    height: 70%;
    background: #fff;
    position: absolute;
    left: 20%;
    top: 18%;
    border-radius: 6px;
}

.preview-msk .img-wrap {
    width: 60%;
    height: auto;
    margin: 0 auto;
}

.preview-msk .video-wrap video, .preview-msk .img-wrap img {
    width: 100%;
    height: 100%;
}

.close-video-icon {
    font-size: 40px;
    color: #fff;
    position: absolute;
    right: 0%;
    top: -50px;
}

/*免责声明*/
.disclaimer-msk .disclaimer-dialog {
    width: 70%;
    height: 60%;
    position: absolute;
    left: 15%;
    top: 20%;
    background: #fff;
    border-radius: 6px;
    padding: 20px 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: auto;
}

.disclaimer-msk .disclaimer-dialog h6 {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #017ccd;
    font-weight: 700;
    line-height: 200%;
}

.disclaimer-msk .disclaimer-dialog p {
    line-height: 170%;
    text-indent: 2em;
    text-align: justify;
}

.disclaimer-dialog-close {
    background: url(/static/index/images/ccie-close.png) no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
    position: absolute;
    right: 30px;
    top: 10px;
}

/*orderDetail*/
.orderDetail .middle {
    /* width: 960px; */
    width: 1200px;
    margin: 0 auto;
    padding: 30px 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.orderDetail .submit-time {
    font-size: 12px;
    color: #c3c3c3;
}

.orderDetail .order-detail-status {
    width: 60px;
    height: 28px;
    line-height: 28px;
    background: #2883ca;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    margin-left: 18px;
    margin-top: 10px;
}

.orderDetail .layui-input-block {
    line-height: 38px;
    color: #000;
    font-weight: 600;
}

.orderDetail .client-middle-form {
    padding: 0 90px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.orderDetail .client-form-status .client-form-title {
    background: #e77a3f;
}
.index-info .left {
    width: 733px;
}

.index-info .right {
    width: 450px;
}

.right-content-right {
    width: 273px;
}

.index-info-title .layui-tab-content {
    width: 733px;
}

.index-info-right {
    float: left;
    width: 320px;
    margin-left: 20px;
    height: 243px;
    overflow: auto;
}

.index-info .top-news-list {
    width: 90%;
}
.index-honor-item img {
    width: 160px;
    height: 140px;
}

.index-honor-item {
    margin-top: 50px;
}

.index-honor-item .text {
    margin-top: 10px;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 12px;
}

.index-honor-item .swiper-info-button-prev, .index-honor-item .swiper-info-button-next {
    margin-top: -60px;
}

.pagination {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0;
    font-size: 0;
}

.pagination li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 -1px 5px 0;
    background-color: #fff;
    color: #333;
    font-size: 12px;
    border: 1px solid #e2e2e2;
}

.pagination li.active {
    background: #2883ca;
    color: #fff;
}

/*新增样式*/
.search {
    background: url('/static/index/images/bg.jpg') no-repeat;
    width: 100%;
    height: 1602px;
    background-size: 100% 100%;
    position: relative;
    padding-bottom: 36px;
}

.search-content {
    margin-top: 15px;
    width: 100%;
    min-height: 1358px;
}

.search-wrap {
    width: 100%;
    min-height: 1358px;
    padding: 20px 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
}

.search-wrap h5 {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #2883ca;
    font-weight: 700;
    line-height: 62px;
    border-bottom: 1px solid #e2e2e2;
}

.search-content-check {
    margin-top: 25px;
    margin-bottom: 25px;
    position: relative;
    height: 30px;
    width: 100%;
}

.search-content-check input {
    width: 188px;
    height: 30px;
    background: #f0f0f0;
    border-radius: 20px;
    border: none;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-left: 4px;
    margin-top: 5px;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.search-content-check .search-btn {
    width: 120px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    display: inline-block;
    background: #2883ca;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 5px;
    left: 140px;
    padding-left: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.serach-content-item {
    width: 100%;
    height: 100%;
}

.search-content-list {
    width: 100%;
    padding: 15px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 105px;
    border-bottom: 1px solid #e2e2e2;
    display: block;
}

.search-content-list h6 {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
    line-height: 160%;
    font-weight: 700;
}

.search-content-list p {
    font-size: 12px;
    line-height: 150%;
}
.search-wrap img{
    margin: 10px;
    width: 184px;
    /*height: 245px;*/
}

/*新增样式*/
.client-form-btn, .ability-form-btn {
    margin: 50px auto !important;
}

.client-middle-result-title {
    width: 100%;
    height: 30px;
}

.client-middle-result-title .line {
    display: inline-block;
    vertical-align: middle;
    width: 240px;
    height: 1px;
    background: #d2d2d2;
}

.client-middle-result-title .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #2883ca;
    margin: 0 39px;
    font-weight: 700;
}

.client-middle-result-table .layui-table {
    display: table;
}

.client-middle-result-table .layui-table td, .client-middle-result-table .layui-table th {
    padding: 10px 4px;
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    text-align: center;
}

.client-middle-result-table thead tr {
    background: #cae8ff;
}

.client-middle-result-banner {
    margin-top: 30px;
    margin-bottom: 30px;
}

.client-middle-result-banner img {
    width: 100%;
}

.client-ability {
    background: #f6f6f6;
    height: auto;
}

.client-ability .middle {
    height: auto;
    padding-bottom: 40px;
}

.client-ability .index-footer {
    position: relative;
}

/*2019-12-2新增*/

.index-honor-wrap li {
    display: table;
}

.index-honor-wrap.swiper-container3 li a {
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
}

.index-honor-wrap li a:hover {
    border: none;
}

.index-honor-wrap li img {
    width: 100%;
}

.index-honor-item {
    margin-top: 50px;
}

/*新增2019-12-04*/
.index-right-content {
    margin-top: 15px;
    width: 100%;
    height: 240px;
    overflow: hidden;
    position: relative;
}

.right-content-left {
    width: 280px;
    height: 190px;
    margin: 0 auto;
}

.right-content-right {
    width: 100%;
    height: 100%;
    text-align: center;
}

.right-content-right .name {
    font-size: 18px;
    color: #000;
    margin-top: 4px;
}

.right-content-right .zhiwu {
    font-size: 12px;
    color: #888;
    margin-top: 4px;
}

.search-wrap {
    overflow: auto;
}

.search-wrap > div {
    display: inline-block;
    width: 266px;
    margin-bottom: 15px;
}

.search-wrap > div p {
    font-size: 12px;
    width: 100%;
    text-align: center;
    margin-top: 8px;
    display: block;
}

.search-wrap > div img {
    display: block;
    margin: 0 auto;
}

/*news-lead*/
.lead-news-list {
    display: inline-block;
    width: 260px;
    height: 232px;
    border: 1px solid #d2d2d2;
    margin-top: 20px;
    margin-right: 10px;
}

.lead-news-list img {
    width: 100%;
    height: 190px;
}

.lead-news-list .text {
    font-size: 18px;
    color: #000;
    margin-top: 12px;
    text-align: center;
}

.index-content-list {
    font-size: 18px;
}

.brand-detail-content .left {
    overflow: auto;
}

.detail-article-content1 img {
    max-width: 100%;
    height: auto;
}

.index-info .top-news-list {
    width: 28%;
    display: inline-block;
    height: 170px;
    border: none;
    line-height: 0;
    margin-top: 63px;
    margin-right: 20px;
}

.index-info .top-news-list img {
    display: block;
    width: 100%;
    height: 124px;
}

.index-info .top-news-list .text {
    display: block;
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
}

.special-right-content {
	margin: 20px auto 0;
}

.special-content .news-content-page {
	margin-top: 10px;
}

.topictitle {
	display: block;
	line-height: 150%;
	margin-top: 4px;
	font-size: 12px;
}

.special-video-list img {
	width: 100%;
	height: 150px;
	display: block;
}

.special-video-list a {
	width: 100%;
	height: 100%;
	/* display: flex;
	flex-direction: column; */
	position: absolute;
}

.special-video-list {
	width: 235px;
	height: 190px;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
	position: relative;
	cursor: pointer;
}

.special-video-list {
	margin-bottom: 10px;
}

/* 新增 */
.index-head {
    height: 90px;
}

.head-logo {
    width: 446px;
    height: 41px;
    margin-top: 25px;
}

.head-search {
    margin-top: 30px;
}

.index-news {
    height: 420px;
}

.index-news .left {
    width: 713px;
    height: 420px;
}

.index-news .left .index-news-banner {
    width: 683px;
    height: 390px;
}

.index-news-banner .banner-list {
    height: 390px;
}

.index-news .right {
    width: 475px;
    height: 420px;
}

.index-news-title .layui-tab-content {
    width: 445px;
}

.top-news-list a .text {
    width: 71%;
}

.top-news-list {
    height: 54px;
    line-height: 54px;
}

.top-news-list a {
    height: 54px;
}

.head-time {
    margin-top: 32px;
}

.index-link {
    width: 100%;
    height: 105px;
    margin-top: 12px;
}

.index-link-content {
    height: 75px;
}

.index-footer {
    height: 131px;
}

.index-honor-wrap li img {
    width: 85%;
    display: block;
    margin: 0 auto;
    height: 160px;
}

.index-content-list {
    font-size: 16px;
} 

.footer-logo {
    width: 379px;
    height: 35px;
    margin-top: 50px;
    margin-left: 20px;
    display: inline-block;
}

.footer-logo img {
    width: 100%;
    height: 100%;
}

.lead-news-list img {
    width: 100%;
    height: 176px;
}

.lead-news-list a .text {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    line-height: 40px;
}

.index-link-friend-title {
    position: absolute;
    height: 109px;
    background: #308cd3;
    width: 30px;
    font-size: 20px;
    text-align: center;
    line-height: 137%;
    color: #fff;
    font-size: 16px !important;
    padding-top: 13px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.index-link-title {
    width: 1170px;
    height: 34px;
    line-height: 34px;
    background: #d4e6f4;
    font-size: 0;
    margin-left: 30px;
}

.index-link-content {
    background: #fff;
    overflow: hidden;
    width: 1170px;
    margin-left: 30px;
}

/* 能力查询新增 */
.news-right-more {
    background: url('/static/index/images/add-img11.png') no-repeat;
    width: 138px;
    height: 34px;
    background-size: 100% 100%;
    margin-top: 10px;
}

.client-middle-baobiao {
    min-height: 870px;
    width: 100%;
}

.client-middle-baobiao ul {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.client-baobiao-list {
    width: 100%;
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #e2e2e2;
    cursor: pointer;
    float: left;
    overflow: hidden;
}

.client-middle-icon {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #3b3b3b;
    border-radius: 50%;
    vertical-align: middle;
}

.client-middle-text {
    font-size: 14px;
    color: #3b3b3b;
    margin-left: 8px;
    margin-right: 20px;
    max-width: 510px;
    height: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.client-middle-btn {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #2c86cd;
    color: #2c86cd;
    border-radius: 5px;
    font-size: 12px;
}

.client-middle-btn:hover {
    color: #2c86cd;
}

.client-baobiao-list:hover .client-middle-text {
    color: #2c86cd
}

.client-baobiao-list:hover .client-middle-icon {
    background: #2c86cd;
}

.client-middle-item h2 {
    background: #2883ca;
    width: 970px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    float: left;
    padding: 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    letter-spacing: 2px;
    font-size: 16px;
    margin-top: 24px;
    margin-left: -10px;
}


/* 新增页面样式 2020-06-12 */
.new-middle {
    border: 1px solid #519ad3;
    /*background: none !important;*/
    overflow: hidden;
    width: 680px !important;
    margin-left: 10px !important;
    padding-bottom: 80px !important;
}

.new-middle-title {
    margin: 10px auto 0;
    text-align: center;
}

.new-middle-title img {
    width: 406px;
    height: 45px;
}

.new-middle-check {
    text-align: center;
    margin-top: 40px;
}

.new-middle-check img {
    width: 512px;
    height: 109px;
}

.new-middle-check p {
    font-size: 12px;
    color: #fd7b3c;
    line-height: 160%;
}

.new-middle-fading{
    margin-top: 50px;
}

.new-middle-fading .fading-left {
    margin-left: 33px;
}

.fading-right {
    margin-left: 40px;
}

.fading-list {
    position: relative;
    width: 520px;
    margin-bottom: 18px;
}

.fading-btn {
    background: url('/static/index/images/add-new-img6.png') no-repeat;
    width: 33px;
    height: 35px;
    background-size: 100% 100%;
    position: absolute;
    top: 20px;
    right: 5px;
}

.fading-btn2 {
    background: url('/static/index/images/add-new-img5.png') no-repeat;
    width: 33px;
    height: 45px;
    background-size: 100% 100%;
    top: 15px;
}

.fading-right-wrap {
    width: 440px;
    background: #00b1b9;
    border-radius: 24px;
    padding: 20px 0 40px 0;
    margin: 30px auto 0;
}

.fading-right-title {
    width: 100%;
    text-align: center;
}

.fading-right-title .icon {
    background: url('/static/index/images/add-new-img8.png') no-repeat;
    width: 11px;
    height: 11px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
}

.fading-right-title .text {
    font-size: 12px;
    color: #fff;
}

.fadeing-right-content {
    margin-top: 28px;
}

.fadeing-right-content .layui-form-item {
    position: relative;
}

.fadeing-right-content .layui-form-label {
    color: #fff;
    margin-left: 10px;
}

.fadeing-right-content .layui-input-block {
    width: 240px;
    background: none;
}

.fadeing-right-content .layui-input-block input {
    background: #ffffff;
    border: 1px solid #fff;
    color: #00b1b9;
}

.fadeing-right-content .layui-form-select .layui-edge {
    border-top-color: #fff;
}

.fading-right-btn {
    position: absolute;
    background: #fff;
    width: 60px;
    height: 38px;
    background: #fff;
    color: #00b1b9;
    font-size: 12px;
    text-align: center;
    line-height: 38px;
    right: 20px;
    top: 0px;
}

.fading-right-btn:hover {
    color: #00b1b9;
}

.new-middle-cma {
    margin-top: 55px;
}

.new-middle-cma .new-middle-cma-list{
    width: 320px;
    height: 162px;
    position: relative;
}

.new-middle-cma .new-middle-cma-list img {
    width: 100%;
    height: 100%;
}

.cma-check, .cnas-check {
    position: absolute;
    width: 34px;
    height: 52px;
    background: none;
    right: 5px;
    top: 75px;
}

.new-middle-check-wrap {
    margin-top: 60px;
}

.new-middle-check-list {
    width: 416px;
    height: 130px;
    margin: 0 auto 50px;
    position: relative;
}

.new-middle-check-list-content {
    width: 100%;
    background: #fff;
    height: 110px;
}

.new-middle-check-list-content .layui-form-item {
    padding-top: 30px;
}

.new-middle-check-list-content .layui-input-block {
    width: 240px;
    margin-left: 90px;
}

.new-middle-check-list-content .layui-form-label {
    color: #000;
    margin-left: 10px;
}

.check-wrap-btn {
    position: absolute;
    background: #fff;
    width: 60px;
    height: 37px;
    background: #5ca702;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 37px;
    right: 20px;
    top: 56px;
}

.check-wrap-btn:hover {
    color: #fff;
}

.shiyanshi-btn {
    background: #2690cd;
}

.qita-btn {
    background: #e99447;
}

.shouquan-btn {
    background: #597ee8;
}

.new-middle-add-info-title img {
    width: 216px;
    height: 45px;
    display: block;
    margin: 60px auto 0;
}

.new-middle-add-info-content {
    margin-top: 42px;
    width: 100%;
}

.new-add-check-item {
    background: url('/static/index/images/add-new-img16.png') no-repeat;
    width: 299px;
    height: 63px;
    background-size: 100% 100%;
}

.new-add-check-item2 {
    background: url('/static/index/images/add-new-img17.png') no-repeat;
}


/* add 2020-06-23 */
.news-add-hint-wrap {
    height: 248px;
    width: 100%;
    position: relative;
}

.news-add-hint-wrap .add-img-img {
    width: 386px;
    height: 151px;
    display: block;
    margin: 24px auto 0;
}

.news-add-hint-bg {
    width: 110%;
    height: 18px;
    background: #f6f6f6;
    margin-left: -5%;
}

.ccie-content .middle {
    overflow-y: auto;
}

.toggle-icon {
    display: inline-block;
    background: url(/static/index/images/toggle-icon.png) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    vertical-align: top;
    margin-top: 2px;
    float: right;
    margin-right: 19px;
}

.info {
    background: url(/static/index/images/bg.jpg) no-repeat;
    width: 100%;
    min-height: 1100px;
    height: auto;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 90px;
}

.info-content {
    min-height: 684px;
}

.info-content .news-content-page {
    margin-top: 15px;
}

.info-content .right {
    height: auto;
    min-height: 515px;
}

.modify-form {
    width: 100%;
    height: 100%;
    text-align: left;
    margin-top: 28px;
    padding-bottom: 50px;
}

.modify-btn-wrap {
    margin-top: 0;
    width: 800px;
    margin: 0 auto;
    padding-bottom: 70px;
}

.modify-btn-wrap .layui-form-item {
    margin-bottom: 30px;
}

.modify-btn-wrap .layui-form-label {
    width: 130px;
    text-align: right;
}

.modify-btn-wrap .layui-input-block {
    margin-left: 166px;
}

.modify-btn-wrap .layui-input-guding {
    margin-left: 166px;
    text-align: left;
    line-height: 36px;
}

.modify-cancel-btn, .modify-sure-btn{
    width: 130px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #ea8b53;
    color: #fff;
    border-radius: 10px;
    border: none;
    margin-right: 14px;
}

.modify-cancel-btn {
    margin-left: 260px;
    margin-top: 50px;
}

.modify-sure-btn {
    background: #7bb81b;
}

.special, .register {
    height: auto;
    min-height: 1602px;
}

.news-content .right, .register-wrap {
    min-height: 970px;
    height: auto;
}

.special-content, .register-content {
    min-height: 970px;
    height: auto;
    padding-bottom: 130px;
}

/* 2020-07-03 */
/* .client-content .middle {
    width: 100%;
} */

.max-content .middle {
    width: 100%;
}

.client-middle-form-hint {
    width: 98%;
    margin-left: 16px;
    font-size: 14px;
    color: #6d6d6d;
    line-height: 170%;
    margin-bottom: 26px;
}

.client-form-table {
    width: 1180px;
    margin: 0 auto;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.client-form-thead {
    width: 1179px;
    height: 36px;
    line-height: 36px;
    background: #2883ca;
    font-size: 0;
}

.cient-form-body {
    font-size: 0;
}

.client-form-thead span, .cient-form-body span {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 100px;
    text-align: center;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.cient-form-body span {
    border-right: 1px solid #e2e2e2;
}

.cient-form-body span .layui-input-block {
    margin-left: 0;
    min-height: 36px;
    width: 100%;
}

.cient-form-body span .layui-input-block input {
    width: 90%;
    height: 30px;
    display: block;
    margin: 3px auto;
    font-size: 12px;
}

span.thead-one {
    width: 180px;
}

span.thead-two, span.thead-four {
    width: 100px;
}

span.thead-five {
    width: 220px;
}

span.thead-six {
    width: 180px;
}

span.thead-seven {
    width: 293px;
    border-right: 0px;
}

.layui-form-item.layui-form-disply{
    display: inline-block;
    width: 390px;
}

/* 07-08 */

span.thead-four {
    width: 60px;
}

span.thead-zero {
    width: 40px;
}

.layui-form-disply .layui-form-label {
    width: 25%;
}

.layui-form-disply input {
    width: 90%;
}

.hide1 {
    display: none !important;
}

.middle.new-middle-height.fl {
    height: auto;
}

.add-icon-href {
    width: 259px;
    height: 57px;
    display: block;
    margin-top: 34px;
    margin-left: 40px;
    cursor: pointer;
}

/* 2020-08-08 */
span.thead-eighth {
    width: 80px;
    border-right: 0;
    min-height: 36px;
}

span.thead-six {
    width: 140px;
}

span.thead-seven {
    width: 258px;
    border-right: 1px solid #fff;
}

span.thead-seven {
    border-right: 1px solid #e2e2e2;
}

.client-msk {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-indeX: 999;
}

.client-dialog {
    width: 1100px;
    height: 640px;
    max-height: 800px;
    background: #fff;
    position: relative;
    border-radius: 6px;
    left : 50%;
    margin-left: -550px;
    top: 50%;
    margin-top: -320px;
    padding: 40px 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.client-dialog-title {
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
}

.client-dialog-title .left {
    width: 96px;
    font-size: 16px;
    color: #2883ca;
    border-bottom: 1px solid #2883ca;
    height: 40px;
}

.client-dialog-content {
    width: 1040px;
    margin: 14px auto 0;
}

.client-dialog-content .client-form-thead {
    width: 100%;
}

.client-dialog-content .client-form-thead span.thead-five {
    width: 170px;
}

.client-dialog-content .client-form-thead span.thead-seven {
    width: 238px;
}

.client-dialog-content .client-form-thead span.thead-eighth {
    width: 52px;
}

.client-dialog-content .client-form-body {
    width: 100%;
    font-size: 0;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.client-dialog-content .client-form-body span {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 100px;
    text-align: center;
    border-right: 1px solid #e2e2e2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
 }

.client-dialog-content .client-form-body span.thead-one {
    width: 180px;
}

.client-dialog-content .client-form-body span.thead-four {
    width: 60px;
}

.client-dialog-content .client-form-body span.thead-five {
    width: 170px;
}

.client-dialog-content .client-form-body span.thead-six {
    width: 140px;
}

.client-dialog-content .client-form-body span.thead-seven {
    width: 238px;
}

.client-dialog-content .client-form-body span.thead-eighth {
    width: 50px;
    min-height: 36px;
    line-height: 36px;
    border-right: none;
}

.client-dialog-content .client-form-body span .layui-input-block {
    margin-left: 0;
    min-height: 36px;
    width: 100%;
}

.client-dialog-content .client-form-body span .layui-input-block input {
    width: 90%;
    height: 30px;
    display: block;
    margin: 3px auto;
    font-size: 12px;
}

.client-form-page-check, .client-page-btn-wrap {
    margin-top: 40px;
    font-size: 0;
}

.client-form-page-check a {
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
    background: #409eff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #fff;
    margin-right: 20px;
}

.client-page-btn-wrap a {
    border-radius: 20px;
    width: 104px;
    height: 40px;
    font-size: 14px;
    background: #67c23a;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    color: #fff;
}

a.client-page-cancel {
    background: #909399;
    margin-left: 20px;
}

.click-delete {
    background: url('/static/index/images/add-icon-delete.png') no-repeat;
    width: 22px;
    height: 22px;
    background-size: 100% 100%;
    display: block;
    margin: 7px auto;
    cursor: pointer;
}

.click-check {
    background: url('/static/index/images/add-icon-check.png') no-repeat;
    width: 22px;
    height: 22px;
    background-size: 100% 100%;
    display: block;
    margin: 7px auto;
    cursor: pointer;
}

.toast-msk {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
}

.toast-msk::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

.toast-msk-box {
    display: inline-block;
    width: 420px;
    padding-bottom: 10px;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    font-size: 18px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    text-align: left;
    overflow: hidden;
    backface-visibility: hidden;
}

.el-message-box__header {
    position: relative;
    padding: 15px 15px 10px;
}

.el-message-box__title {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1;
    color: #303133;
}

.el-message-box__content {
    padding: 10px 15px;
    color: #606266;
    font-size: 14px;
}

.el-message-box__container {
    position: relative;
}

.el-message-box__message {
    padding-left: 26px;
    padding-right: 12px;
}

.el-message-box__btns {
    padding: 5px 15px 0;
    text-align: right;
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
}

.el-icon-warning::before {
    content: '';
    background: url('/static/index/images/add-icon-waring.png') no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    position: absolute;
}

.el-button--small {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 3px;
}

.el-message-box__btns button:nth-child(2) {
    margin-left: 10px;
    background: #409eff;
    color: #fff;
}

.add-icon-close {
    background: url('/static/index/images/add-icon-close.png') no-repeat;
    width: 22px;
    height: 22px;
    background-size: 100% 100%;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer;
}

.client-fixed-history {
    width: 60px;
    height: 60px;
    background: #409eff;
    border-radius: 50%;
    position: fixed;
    top: 50%;
    margin-top: -30px;
    right: 3%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.client-fixed-history:hover {
    color: #fff;
}

.click-check.active {
    background: url('/static/index/images/add-icon-check-active.png') no-repeat;
    background-size: 100% 100%;
}

.client-check-data {
    background: url('/static/index/images/add-icon-search.png') no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.client-dialog-date, .client-dialog-search {
    width: 210px;
    display: inline-block;
    height: 32px;
}

.client-dialog-date .layui-input-inline {
    width: 100%;
    border: 1px solid #eee;
}

.client-dialog-date .layui-input-inline input, .client-dialog-search input {
    width: 200px;
    height: 32px;
    display: inline-block;
    border: none;
}

.client-dialog-search {
    width: 240px;
    margin-left: 20px;
    margin-right: 20px;
}

.client-dialog-search input {
    padding: 0 10px;
    width: 240px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.client-dialog-search {
    border: 1px solid #eee; 
}

.client-content-loading {
    width: 100%;
    height: 392px;
    text-align: center;
    position: relative;
}


.client-content-loading img {
    display: block;
    position: absolute;
    top: 150px;
    left: 50%;
    width: 40px;
    margin-left: -20px;
}

.client-content-loading p {
    position: absolute;
    top: 200px;
    left: 0;
    right: 0;
    color: #909399;
}

[v-cloak] {
    display:none;
}

/* 2021-05-12 add */
.client-content .left {
  height: 480px;
}

.business-content .middle, .price-content .middle {
  width: 655px;
}

.business-content .client-middle-baobiao ul {
  padding-top: 14px;
}

.business-content .client-middle-icon {
  background: #2883ca;
}

.business-content .client-baobiao-list {
  height: 70px;
  line-height: 70px;
}

.business-content .news-content-page {
  margin-top: 36px;
}

.price-content-search {
  width: 492px;
  height: 90px;
  background: #2883ca;
  border-radius: 8px;
  display: block;
  margin: 34px auto 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.price-content-search .text {
  color: #fff;
  font-size: 14px;
}

.price-content-search input {
  width: 260px;
  height: 40px;
  line-height: 40px;
  border-radius: 6px;
  border: none;
  padding: 0 8px;
  box-sizing: border-box;
  margin-left: 16px;
  margin-right: 10px;
  font-size: 16px;
}

.price-search-btn {
  width: 62px;
  height: 40px;
  line-height: 40px;
  background: #ffffff;
  color: #2883ca;
  font-size: 16px;
  border-radius: 6px;
  text-align: center;
}

.price-search-btn:hover {
  color: #2883ca;
}

.price-content-split {
  width: 680px;
  height: 14px;
  background: #f1f1f1;
  margin-top: 40px;
  margin-left: -10px;
}

.price-content-item thead tr {
  background: #2c86cd;
  color: #fff;
}

.price-content-item tbody tr td {
  color: #000000;
}

.price-content-item .layui-table {
  margin-top: 20px;
}

/* 2021-06-07 add */
.experts-title-item{
    width: 760px;
    text-align: center;
    margin-left: 10px;
}

.experts-title-list {
    display: inline-block;
    width: 124px;
    height: 34px;
    line-height: 32px;
    border: 1px solid #e2e2e2;
    text-align: center;
    border-radius: 6px;
    margin-right: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.experts-title-list.active, .experts-title-list:hover {
    background: #2883ca;
    color: #fff;
}

/*.experts-title-list:nth-child(5), .experts-title-list:nth-child(10) {*/
    /*margin-right: 0;*/
/*}*/

.experts-content-item {
    margin-top: -20px;
    width: 100%;
    height: 760px;
    padding-bottom: 15px;
    overflow-y: scroll;
}

.experts-content-item::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(240, 240, 240, 1);
    display: none;
}

.experts-content-item::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
    border-radius: 10px;
    background-color: rgba(240, 240, 240, .5);
}

.experts-content-item::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
    background-color: rgba(240, 240, 240, .5);
}

.experts-content-list {
    display: inline-block;
    width: 197px;
    height: 232px;
    border: 1px solid #d2d2d2;
    margin-top: 20px;
    margin-right: 6px;
	padding:1px;
}

.experts-content-list:nth-child(4n+4) {
    margin-right: 0;
}

.experts-content-list .experts-content-item-img {
    width: 100%;
    height: 176px;
    object-fit: cover;
}

.experts-content-list .experts-content-item-name {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    line-height: 40px;
    text-align: center;
}

.experts-detail {
    width: 1200px;
    height: 970px;
    overflow: scroll;
    margin: 10px auto 0;
    background: #fff;
    padding-top: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-bottom: 30px;
}

.experts-detail::-webkit-scrollbar  {
    display: none;
}

.experts-detail .top {
    width: 1000px;
    height: 350px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.experts-detail .top .top-img {
    width: 300px;
    height: 340px;
    flex: 0 0 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.experts-detail .top .top-img img {
    width: 100%;
    object-fit: cover;
}

.experts-detail .top .top-img img {
  width: 160px;
  display: block;
  margin: 0 auto;
}

.top-message {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.top-message-name {
  font-size: 16px;
  color: #393939;
  font-weight: 700;
}

.top-message-phone {
  margin: 10px 0;
  color: #393939;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.top-message-phone .icon, .top-message-email .icon {
  background: url('/static/index/images/add-news-img9.png') no-repeat;
  width: 7px;
  height: 10px;
  background-size: 100% 100%;
  margin-right: 4px;
}

.top-message-email {
  color: #393939;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.top-message-email .icon {
  width: 10px;
  height: 8px;
  background: url('/static/index/images/add-news-img10.png') no-repeat;
  background-size: 100% 100%;
}

.experts-detail .top .top-info {
    flex: 1;
    margin-left: 60px;
    height: 350px;
    border: 1px solid #ececec;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
}

.top-info-top {
    width: 100%;
    height: 40px;
    line-height: 40ppx;
    background: #3795dd;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: flex;
    align-items: center;
}

.top-info-top .icon {
    background: url('/static/index/images/add-news-img1.png') no-repeat;
    width: 47px;
    height: 47px;
    background-size: 100% 100%;
    margin-left: 20px;
    margin-top: -3px;
}

.top-info-top .text {
    font-size: 14px;
    margin-left: 20px;
    font-size: 16px;
    color: #fff;
}

.top-info-container {
    height: 310px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.top-info-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
}

.top-info-item:last-child {
  margin-bottom: 0;
}

.top-info-item:nth-child(1) .top-info-list:nth-child(1), .top-info-item:nth-child(2) .top-info-list:nth-child(1), .top-info-item:nth-child(3) .top-info-list:nth-child(1) {
  width: 230px;
}

.top-info-item:nth-child(1) .top-info-list:nth-child(2), .top-info-item:nth-child(2) .top-info-list:nth-child(2), .top-info-item:nth-child(3) .top-info-list:nth-child(2) {
  width: 320px;
}

.top-info-list {
    display: flex;
    align-items: center;
    width: 240px;
    height: 40px;
    cursor: pointer;
    width: 284px;
}

.top-info-list-left, .top-info-list-right {
    width: 100%;
    height: 100%;
    line-height: 40px;
    flex: 1;
    color: #393939;
    text-align: center;
    box-sizing: border-box;
}

.top-info-list-left {
    background: #318dd4;
    color: #fff;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    flex: 0 0 90px;
}

.top-info-list-right {
    border: 1px solid #318dd4;
    border-left: none;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.top-info-item:nth-child(4) .top-info-list {
    width: 578px;
}

.top-info-item:nth-child(4) .top-info-list-left {
    width: 240px;
    flex: 0 0 240px;
}

.top-info-item:nth-child(5) .top-info-list, .top-info-item:nth-child(6) .top-info-list {
    width: 290px;
}

.top-info-item:nth-child(5) .top-info-list-left, .top-info-item:nth-child(6) .top-info-list-left {
    width: 120px;
    flex: 0 0 120px;
}

.container {
    width: 1000px;
    margin: 30px auto 0;
}

.container-list {
    display: flex;
    margin-bottom: 44px;
    position: relative;
}

.container-list-left {
    padding: 30px;
    width: 180px;
    flex: 0 0 180px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: -webkit-linear-gradient(to right, #328dd5 , #49aaf3);
    background: linear-gradient(to right, #328dd5 , #49aaf3);
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.container-list-right {
    flex: 1;
    border: 1px solid #ececec;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.6;
    padding: 35px 40px 10px;
}

.container-list-right p {
    margin-bottom: 10px;
}

.container-list-icon {
  position: absolute;
  top: -18px;
  left: -10px;
  background: url('/static/index/images/add-news-img11.png') no-repeat;
  width: 193px;
  height: 36px;
  line-height: 36px;
  background-size: 100% 100%;
  color: #fff;
  line-height: 36px;
  text-align: center;
}

.container-list:nth-child(3n+2) .container-list-icon {
  background: url('/static/index/images/add-news-img12.png') no-repeat;
  background-size: 100% 100%;
}

.container-list:nth-child(3n+3) .container-list-icon {
  background: url('/static/index/images/add-news-img13.png') no-repeat;
  background-size: 100% 100%;
}



/* add 2021-11-09 */
.evaluate-icon-href, .evaluate-icon-check {
    width: 288px;
    height: 70px;
    position: absolute;
    top: 100px;
    left: 20px;
    font-size: 0;
}

.evaluate-icon-href:nth-child(3) {
    left: 330px;
}

.evaluate-icon-check {
    width: 255px;
    height: 66px;
    left: 40px;
}

.evaluate-icon-check:nth-child(3) {
    left: 330px;
}

.news-add-hint-wrap .client-middle-baobiao {
    height: unset;
    min-height: unset;
}

.news-add-hint-wrap .client-middle-baobiao ul {
    margin-top: 15px;
}

.client-baobiao-list:last-child {
    border-bottom: unset;
}

.news-add-hint-wrap .client-middle-baobiao ul .client-middle-icon {
    background: #2883ca;
}

.learning-wrapper .news-right-title .text {
    width: 130px;
}

.learning-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.learning-text {
  font-size: 12px;
  width: 180px;
  text-align: justify;
  position: absolute;
  top: 100px;
  left: 315px;
  line-height: 1.6;
}

.learning-text a {
  color: #026cbe;
}

.learning-right {
  width: 275px;
  height: 83px;
  position: absolute;
  left: 540px;
  top: 100px;
  display: flex;
}

.learning-right img {
  width: 83px;
  height: 83px;
}

.learning-bg {
  background: url('/static/index/images/learning-bg.png') no-repeat;
  width: 180px;
  height: 70px;
  background-size: 100% 100%;
  margin-left: 8px;
  margin-top: 6px;
  position: relative;
}

.learning-bg p {
  font-size: 12px;
  width: 70%;
  position: absolute;
  text-align: justify;
  left: 26px;
  top: 14px;
  text-indent: 20px;
  line-height: 1.4;
  color: #fff;
}

.headline-page {
    width: 1200px;
    height: 130px;
    background: #fff;
    margin: 20px auto 0;
    padding: 0 100px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: flex;
    align-items: center;
}

.headline-left {
    flex: 0 0 126px;
    width: 126px;
    height: 56px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAAA4CAMAAAAM/LzLAAAClFBMVEUAAADURTb/4JD/7bz/5qHrqXbKPi//5qTPQjL/5Z/+4ZT/5J3URDX+45v/5qL/4ZLIPS//45j/45n/56j/5Z7/5J/EnTX/56fPQTL/5J/NQDLEnTX+56j/45j/6a7COSv/67b+4ZPSQzTEOyz+4ZP/7LrQQjP/5aD/4pTFOy3KPzH+4JHEnTX/5aL+5aLKPzD/6rLCOSvSQzT+4ZT/7LjLPzDLPjDNqEP/67rnzITBOSv+4pb+4pXEnTXEnTX/7LvJfzX50ZPgw3bzv3zeu1711YLURTXEnTXEnTX/6a7EnTXEnTXEnTXDOiz////RQzTFOy3PQjPTRDXCOSvGPC7BOSvSRDXPQTLNQDLURDbIPS/MQDH/4JHSQzTLPzH/4ZLTRTXJPi/EOiz/45r/5aDHPC7+4Zf+5J7/45jIPi//4pbKPzD/5Z7/5JvKPjD/5J3/7Lr/4ZT/5aH/7Lj/6a7/4pX/67bRQjP/4ZXknpf/4ZH/6Kr/6rD/5qP89PP/45z/56fEnTXln5j/6rT/6Kz+5qX/6rL+6rT/4pn/56X/6Kvz0M3llGPRTT756Ob23Nn/7bvacGXXbmTUbGLTQzXtuLPrt7Lvr3zKRzn/45fchX3XZFnRYVXSV0r029jxz8zqtrHmqqT/5qDgiH/prKXik4vefHPYeW/OVEjOSj3Jhzbuw77/7Lf71ozccWbUW0L93pDdh33WWU3HQzH9353yvIPmxnDVbWLaclLUWUzTUT7USzrMSTr46ObvxMD61qL2ypbfkor3zIn0xIntqnbro3LpnW7dcmfggV3giFzeeljKpD/73arklY3klI3olXTmjm3nlmvlh2jjj2HgjmDba0/Vak3YZErVZEjPVEjKpkTMpkHdWWbyAAAATXRSTlMARIiqqgQJCP66WC3wy412ZWRMRDggGBYWDw/8+vb07Ojl5OHe2tjX1tXMysChl4B8dXBuaFpR/Pny8u/p5+XTx8O2qqShhYR5WkJAPDQ8if8AAAinSURBVFjDvVdltxMxEC3u7u7u7u4WrFgpTgstFCjaIg93d3d3d3d3hz/DvZN0l7LLB84BbiZjmcnd6aOCx4E8aZxond/zv9BizYQJa9asmUBjVsNvVT3/CZ0m/ALQN5o7t4PnvyBduQkTJk2aNGESeLkZLX4+d26RLp7/gbqTnLg0F2j+P/78GcqdOHECjFNlT5066cSkE5OPCVqm+qso6Dr8VCde9xowdACk1wDoXkMhCBkxBnoxlABLC88ZGmuDvpRkdaPPUHLq/Knz5y+eP3XxVAj2/MUvrvfSjKQRMi2Gv5ew8ymEyqQlyz7GbJZOFLOGqfZuw9dcDGpg8WI48Ig3uAo9UNQEx+I9vJKOJoMv2qokPT0JEiGfAnHWwi7shUouWrwI8jNuc3iiLzZhAtsOpfxsHXWOgqE1XIef6cQ7cw1VXwg9vRkNkgNxrTSydEw4aBAUkxs2QAkGuQ9foPjkyZNnYkNTaG8P0Cx9cQ203K4zBEk2wB8kmhyDNjA7yCTYpvNSIh6ra7sNn52EggWW96Q7b4egUzaEgEZE250hXEPHHHpMkuABctAs5X2l07sPv+AXTL4zlARoRR/Bbmx4zGMhTUrWMMuEgfQhiTQr2ch2Jl2Hr76MmLFsxgxo4z6TVkCUOEn+H4NNrsPnKzrDgTson9a9e09sCLboaUxhMRRh9vHja/SR1rB9O2OQ0234anOcuDKtJ1l6ovdcT9ie06YpdaonYmxZPGS8MkWthsGj8IRbaNHdcxoTKISVu8qnc2HPUnThUmLhwoXUXAvvow29xH61/JA4pGdKjmxvuVLb6RiQ2HLtrKh6bsOnXbh01sKFs2YthF46a6mYj1Zjv1tKqVWHDL0TG5WNVafYQEmGyZT3uA0/a+IsAa3BRanv168f7TkyLD+n6ZEi6FAJu42XzHFZFbQEbX03+kwTnfhsRsjYT3AOL/Ah0K+VO7EImqurwblfZw7hGWHQxF5xEGY0g0Aqu7HnHTVqJABFPXYkwlGbeXv//tj9Vq7sz2D/gX79QI/Ez3iVAkrwM7tfqdW61m42uL5Z0CrtT8ieGH4UMB6bZjw8yOn+QD+qlavVxquwDEEPqwPKdoyesrY/Xv6NK/sfIDvSVifJjfd2IjFy4siR2uzDzmV+XEdmjxo1G6SwWOPHR2ZHHvS3QAo8wEC4hp6uOUsBLxJgXrUKLwP8ZAzE4ggXRo7cB7GooSqYt2C2ESNGRGaPiGAlEDw9EOjfHxt2LV5dNQ/RWrzB5IBp2dvXQgPgBztz5si0G/topAZoMT82kFmz5x49YsmSEaOXgHU0F92HbBsszeLtT1EpOweSHpGVHYwSys6DmJxYdWC73SWOLrl2YazFP8q4FTxm+NFBYrQYUUti1wazEWAz19FNa/kUSukkNg3s0UMHVpN54/adm2hTNh1cp1t+wsOxY8fKP29Ybjq5NXvmoCBstphHaBmDZUBf9Dy1HMZOr1uux1598OjOefPGHD3IJ5GPKOlhJffpC2PHjx2FBxhLwIOTTbOnqzglHAyHY+EpsViYiAXDZ1aOQ984XAC9W7lj3uBxg9dx3FsHd4IJ7hi07Dy7aRXoj44h9zhoJh+MAj3YwQsHAuTR9LmmTJkSjU2JRWMa8KesQAsECvu39OOAg4d3StmwcaAfR8Adt24nFJmhkTo9nu9msFJhcNjxmcyP67JDokMgRDQa5Y6evDFMME4ENwzjAs4qdRQJ+nLOfXYeEJ83D3942DiDdcjbJWOGbcbAAFgxPKiJvJq+jl+Y/RQqhu+HhYaFIPoG7fiwht1Ux3We2wfX5wu5vDhx00UDfXp2BHyRCD5XIuMhsNbwpab7/f7p/ulDqITff3JLKOQDoENgBYRoWCiu1LpN68DLcxwOY9nZODEvvgm0ButMO88hm8dHQByZPdsoGjN8DrIb0KV56hMEfMITIJFEO5TavRf7spwiG2KWDHu3+UKXlfKFbuzdJo+mu7GBL7NBKtQR6BGzadJ6DH3qBNqsSOC8IRdl+zvwyXPkK9/bx48gDOg89SYc+EAfCOD12RsgkKYmLtofpxFRCLN4fkXlgNeLhgCMD8srYUAMV+Au3mI7YI8chxP3kh954MYepQ57vetJT/49bJQuwvvJMMsyqOZgr+9NRiA5XL+b7LiN/k2ldu1InBzZpdQ2lIOetNvAn9R+kXyjjRIzekk+B32lRHkP0UnRlm2gULuP0Jd4L55lm/bv4k+yHlboCfJb3T28V0YbLME3iXGrO9jroRLVUBR6hKQOgxvjHoZvYX0KXnAW9NiDFwI2Hj+uUjTjXpWyhSfwse6DF2vJ6CCfgHp0Mcfw6SppOmxjbfCf3J714tpHW3btMYltW6iP8+2uD717mTG4AsqtkDB5g1B4huyO4XMmyofLtsHoMLl/zQuFndwRj6+XVHKp914wCOrw1mBYHJitxQr8yp6+TLfhbOkmir0Mu9ECMDpHDaFrg4fDu0m/jqWB7d269XgWBAx/GIYrtXN4XACQAEIPCw4WcjSSlRiKDgEy9FAIBLrdjkL3whZixjQp5DI8YHVa7YmEnXePCdeSJ8IanIJvc6zwFHyZxnI4hq/V7d/g/EnwCaLgxZc6dlPn8CWSu3r/5GIZgWLkXmhq7TIJn0ajsSiZyQ9LqeMcvreUQ2MJrJu4dBKBlUgq071aTCkBe/5kdAgWQSNeqQy/shcuga4+qO/Tu0+f3jAQLgBXMYLqgxp4pkA0wGNxSaq76EATH4b8BJBT5XIMX4MX2XeyUTIUk9N5Efvh7GcxZSA2nlSdP2mI/dgGZR3/uS/YWDOxjYKVDCashyCD8RlZHq002+EKwwuD5ffTy+z59+haZC7w/Ax/QU3Xw+OXDG1FDP/v0ZH0l/zTuUDslw3B8P8FVefO/X7GT1KRhKri+T/I3wzDExY1zfTcnv+Ezg3O/MRrgOH/F9q2S+2A8/flDwmdmjX14EaZAAAAAElFTkSuQmCC');
    background-size: 100% 100%;
}

.headline-right {
    flex: 1;
    text-align: center;
}

.headlin-top {
  display: flex;
  align-items: center;
  justify-content: center;
}

.headline-caption {
    color: #000;
    font-size: 32px;
    letter-spacing: 2px;
    margin-left: 30px;
}

.headline-desc {
    font-size: 16px;
    color: #373737;
    letter-spacing: 2px;
    margin-top: 20px;
}

/* 2023-04-14 */
.interaction-content {
  margin-top: 20px;
  height: unset;
  padding-bottom: 132px;
}

.interaction-item {
  padding: 30px;
  box-sizing: border-box;
}

.interaction-list {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.interaction-list:last-child {
  margin-bottom: unset;
}

.interaction-list-left {
  flex: 0 0 383px;
  width: 383px;
  height: 243px;
}

.interaction-list-left img {
  width: 383px;
  height: 243px;
  border-radius: 6px;
}

.interaction-list-right {
  margin-left: 20px;
  overflow: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.interaction-list-title {
  width: 100%;
  line-height: 1.6;
  color: #333;
  font-size: 18px;
}

.interaction-list-time {
  margin-top: 26px;
  color: #393939;
  font-size: 16px;
}

.interaction-list-guest {
  margin-top: 8px;
  color: #393939;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.interaction-list-digest {
  margin-top: 12px;
  background: #f5f5f5;
  color: #888;
  padding: 10px;
  box-sizing: border-box;
  line-height: 1.6;
  font-size: 16px;
}

.interaction-wrap {
  width: 1200px;
  background: #fff;
  padding: 40px;
  box-sizing: border-box;
  margin: 0 auto;
}

.interaction-info {
  width: 100%;
  display: flex;
}

.interaction-video {
  flex: 1;
  height: 528px;
  margin-right: 40px;
  position: relative;
}

.vjs-tech {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.interview-info {
  flex: 0 0 300px;
}

.interview-info h3 {
  line-height: 40px;
  font-size: 22px;
  color: #318cd3;
  display: flex;
  align-items: center;
}

.interaction-info p {
  font-size: 16px;
  line-height: 1.8;
  text-align: justify;
}

.interaction-info strong, .interaction-info b {
  font-weight: 700;
}

.icon-user {
  width: 19px;
  height: 22px;
  background: url('/static/index/images/interaction-icon2.png') no-repeat;
  background-size: 100% 100%;
  margin-right: 10px;
  margin-top: -3px;
}

.icon-calendar {
  width: 20px;
  height: 20px;
  background: url('/static/index/images/interaction-icon3.png') no-repeat;
  background-size: 100% 100%;
  margin-right: 10px;
  margin-top: -3px;
}

.icon-speech {
  width: 23px;
  height: 20px;
  background: url('/static/index/images/interaction-icon4.png') no-repeat;
  background-size: 100% 100%;
  margin-right: 10px;
  margin-top: -3px;
}

.interview-info-time {
  margin-top: 15px;
}

.interview-info-time-text {
  margin-bottom: 15px;
}

#jsComment{
  margin-top: 20px;
}

.interaction-word {
  margin-top: 20px;
}

.interaction-past {
  margin-top: 40px;
}

.interaction-word-caption, .interaction-past-caption {
  font-size: 22px;
  color: #318cd3;
  line-height: 40px;
  font-weight: 700;
  padding-bottom: 12px;
  border-bottom: 1px solid #e2e2e2;
  display: flex;
  align-items: center;
  position: relative;
}

.interaction-word-caption::after, .interaction-past-caption::after {
  content: '';
  width: 136px;
  height: 2px;
  background: #2883ca;
  position: absolute;
  left: 0;
  bottom: 0;
}

.edit-icon, .past-icon {
  width: 22px;
  height: 22px;
  background: url('/static/index/images/interaction-icon5.png') no-repeat;
  background-size: 100% 100%;
  margin-right: 10px;
}

.past-icon {
  background: url('/static/index/images/interaction-icon6.png') no-repeat;
}

.interaction-word-about {
  font-size: 16px;
  height: 72px;
  line-height: 72px;
  border-bottom: 1px solid #e2e2e2;
  padding: 0 30px;
  box-sizing: border-box;
}

.jiabin-time {
  color: #888;
}

.jiabin-hint {
  color: #000;
}

.jiabin-text {
  color: #318cd3;
}

.interaction-word-view {
  padding: 0 15px;
  box-sizing: border-box;
}

.interaction-word-view p {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 15px;
  font-size: 16px;
  line-height: 32px;
  color: #222;
  text-align: justify;
}

.interaction-word-view p strong {
  font-weight: 700;
}

.interaction-word-view p strong.jiabin {
  color: #318cd3;
}

.interaction-past-item {
  margin-top: 20px;
  padding: 0 30px;
  box-sizing: border-box;
  display: flex;
}

.interaction-past-list {
  flex: 0 0 224px;
  margin-right: 56px;
  position: relative;
}

.interaction-past-list:last-child {
  margin-right: unset;
}

.interaction-past-list-img {
  width: 220px;
  height: 150px;
  object-fit: cover;
}

.interaction-past-title {
  font-size: 14px;
  color: #000000;
  margin-top: 10px;
  padding: 0 4px;
  box-sizing: border-box;
  line-height: 2;
}

.interaction-past-list .mask, .interaction-video .mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 150px;
  background: rgba(0, 0, 0, .8);
  display: flex;
  align-items: center;
  justify-content: center;
}

.play-icon {
  width: 30px;
  height: 30px;
  background: url('/static/index/images/interaction-icon1.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
}

.interaction-video .mask {
  height: 528px;
}

.interaction-video .mask .play-icon {
  width: 80px;
  height: 80px;
  cursor: pointer;
}

/* 2023-10-07 add */
.news-item-title {
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.news-item-title-left {
    color: #134382;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.news-item-title-left img {
    width: 161px;
    height: 20px;
    margin-left: 16px;
}

.news-item-title-right  img {
    width: 76px;
    height: 32px;
    cursor: pointer;
}

.news-item-content {
    margin-top: 10px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.news-video-list {
    width: 348px;
    display: flex;
    flex-direction: column;
}

.news-video-wrap {
    width: 278px;
    height: 200px;
    background: url('/static/index/images/version-img3.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.poster-img, .poster-img-msk {
    width: 256px;
    height: 172px;
    object-fit: cover;
    position: absolute;
    left: 10px;
    top: 13px;
}

.poster-img-msk {
    background: rgba(0, 0, 0, .6);
}

.poster-img-msk-icon {
    background: url('/static/index/images/video-icon.png') no-repeat;
    width: 41px;
    height: 41px;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
}

.news-video-text {
    color: #134382;
    font-size: 12px;
    text-align: center;
    line-height: 1.8;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}

.swiper-news-button-prev {
    top: 40%;
    width: 32px;
    height: 32px;
    background: url('/static/index/images/version-img4.png') no-repeat;
    background-size: 100% 100%;
}

.swiper-news-button-next {
    top: 40%;
    width: 32px;
    height: 32px;
    background: url('/static/index/images/version-img5.png') no-repeat;
    background-size: 100% 100%;
}

.news-right-item {
    padding: 10px;
    box-sizing: border-box;
}

.news-right-item:nth-child(odd) {
    background: rgba(155, 189, 238, .3);
}

.news-item-title {
    margin-top: 10px;
}