/*============================================== 公共 ==================================================*/
.export{    position: fixed;right: 40px;top: 80px;}
.brochure-box .nav {position: fixed;top: 145px;right: 100px;border-radius: 6px;border: 1px solid #E7E7E7;overflow: hidden;}
.brochure-box .nav li {width: 166px;height: 59px;line-height: 59px;text-align: center;border-bottom: 1px solid #E7E7E7;}
.brochure-box .nav .last {border-bottom: none;}
.brochure-box .nav li a {display: block;width: 100%;height: 100%;}
.brochure-box .nav li a.active,.brochure-box .nav li a:hover {background-color: #2baab1;color: #FFF;}
/* 末尾省略号 */
.self-ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* 多行末尾省略号 */
.self-ellipsis1 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-word;}
.self-ellipsis2 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
.self-ellipsis3 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-word;}
.self-ellipsis4 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-word;}

.wrap-box .content-scroll-box{height: calc(100% - 90px);}
.wrap-box .content-scroll-box .content-scroll{padding: 20px;}
.brochure-muban-3 .brochure-box-content .item{}
.brochure-box-content .item {width: 900px;min-height: 1274px;margin: 0 auto 35px;position: relative;box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.6);}
.brochure-box .com-head{position: relative;height: 765px;width: 100%;}
.cover-img3{position: absolute;left: 0;top: 0;}
.com3-logo{width:260px;height: 160px;position: relative;z-index: 6;left: 40px;top: 40px;}
.com3-logo img{max-width: 100%;max-height: 100%;}
.com3{margin: 90px 0 0 0;}
.com3 .p1{font-size: 88px;font-weight: bold;color: #00D1FF;padding-left: 60px;line-height: 96px;}
.com3 .p2{font-size: 88px;font-weight: bold;color: #3D6CB9;padding-left: 60px;line-height: 96px;}
.com3 .p3{font-size: 20px;color: #3D6CB9;text-align: center;padding: 0 20px;position: absolute;bottom: 70px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;word-break: break-all;max-width: 80%;}
   /*  .com3 .p3::before{width: 20px;height: 1px;background: #3d6cb9;content: "";display: block;margin-right: 10px;}
    .com3 .p3::after{width: 20px;height: 1px;background: #3d6cb9;content: "";display: block;margin-left: 10px;} */

    .con-logo img{max-width: 160px;max-height: 100px;}
    /* 目录 */
    .catalog-box{padding: 0 60px;}
    .catalog-box .con-logo{padding-top: 40px;margin-bottom: 20px;width: 160px;max-height: 140px;}
    .catalog-box .con-logo .company-logo{max-width: 160px;max-height: 100px;}
    .catalog3-title{display: flex;align-items: center;width: 100%;}
    .catalog3-title>div{display: flex;flex: 1;align-items: center;}
    .catalog3-title>img{margin-left: 30px;}
    .catalog3-title .title{font-size: 30px;font-weight: bold;color: #3D6CB9;margin-right: 40px;}
    .catalog3-title .catalog3-title-line{    display: block;flex: 1;border-bottom: 8px solid #3D6CB9;border-left: 10px solid transparent;}
    .catalog3-ul{margin-top: 40px;}
    .catalog3-ul-li{display: flex;align-items: center;height: 70px;}
    .catalog3-ul-li .catalog3-name{flex: 1;background: url("http://zxl.xbmember.com/static/images/pdf/catalogbg.png") repeat-x;background-position: center bottom;width: calc(100% - 68px);height: 18px;}
    .catalog3-ul-li .catalog3-name span{background-color: #fff;font-size: 16px;color: #000;display: inline-block;height: 100%;line-height: 22px;max-width: 100%;}
    .catalog3-ul-li .catalog3-num{display: flex;align-items: center;justify-content: center;margin-left: 10px;}
    .catalog3-ul-li .catalog3-num span{width: 28px;height: 28px;background: #3D6CB9;border-radius: 50%;color: #fff;font-size: 14px;text-align: center;line-height: 28px;}
    .catalog3-ul-li .catalog3-num::before{content: "";width: 11px;height: 4px;background: #3d6cb9;margin-right: 4px;}
    .catalog3-ul-li .catalog3-num::after{content: "";width: 11px;height: 4px;background: #3d6cb9;margin-left: 4px;}

    /* 内容 */
    .insidePage-box{padding: 0 60px 80px 60px;}
    .insidePage-box .con-logo{display: flex;justify-content: space-between;padding-top: 40px;margin-bottom: 20px;max-height: 140px;}
    .con-logo-right{text-align: right;}
    .insidePage-title {display: flex;justify-content: flex-end;margin-top: 10px;}
    .insidePage-title p{font-size: 20px;color: #333;font-weight: bold;text-align: right;width: 513px;}
    .comment3{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 32px;}
    .comment3>div{width: calc(33% - 13px);border:2px solid #3d6cb9;height: 320px;margin-bottom: 20px;border-radius: 4px;}
    .comment3 .pro-img3{width: 100%;height: 250px;}
    .comment3 .pro-img3 a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
    .comment3 .pro-img3 img{max-width: 100%;max-height: 100%;}
    .comment3 .pro-title3{width: 100%;height: 70px;background-color: #3D6CB9;padding: 18px 24px;}
    .comment3 .pro-title3 a{color: #fff;font-size: 14px;}
    .page-number{width: 81px;height: 36px;font-size: 20px;color: #fff;line-height: 36px;position: absolute;right: 0;bottom: 30px;text-align: center;}
    .page-number::before{content: "";position: absolute; display: block;border-bottom: 36px solid #3D6CB9;border-left: 6px solid transparent;width: 81px;right: 0;z-index: -1;}
    /* 封底 */
    .back-box{}
    .back-box .back-head{padding:89px 0 0 77px;margin-bottom: 110px;}
    .back-foot{background: url("http://zxl.xbmember.com/static/images-brochure-pdf/brochure3-back-cover2.png") no-repeat;width: 100%;height: 764px;position: absolute;bottom: 0px;background-position: right bottom;display: flex;flex-direction: column;align-items: flex-end;}
    .about3{width: 376px;margin: 400px 120px 0 0;line-height: 30px;font-size: 16px;color: #333;}
    .contact3{width: 376px;margin: 40px 120px 0 0;line-height: 30px;font-size: 16px;color: #333;}
    .flex-empty{border: 0px!important;height: 0px!important;}