/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 15 version
*/

/* 公共 */
.safe-zone {max-width: 1400px;margin: 0 auto;width: 100%;padding-left:50px;padding-right:50px;position: relative;}
.module{padding-top:80px;padding-bottom: 80px;}

/* organization */
.page-organization {background-size: 90%;}
.page-organization .organization{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.page-organization .organization .organization-title{width: 300px;height: 80px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;}
.page-organization .organization .organization-title .bg{background-color:#fabeb9;-webkit-transform: skewX(-15deg);transform: skewX(-15deg);width: 100%;height: 100%;position: relative;-webkit-box-shadow: 0 12px 25px 0 rgba(230, 45, 28, .22);box-shadow: 0 12px 25px 0 rgba(230, 45, 28, .22);}
.page-organization .organization .organization-title::after{content: '';width: 2px;height: 424px;background-color: #fabeb9;position: absolute;left: 50%;top: 80px;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
.page-organization .organization .organization-title p{font-size: 22px;position: absolute;width: 100%; height: 100%; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.page-organization .organization ul{display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 75px;position: relative;}
.page-organization .organization ul::after{content: '';width: calc(100% - 70px);height: 2px;background-color: #fabeb9;position: absolute;left: 35px;top: -28px;}
.page-organization .organization ul li{width: 70px;height: 300px;background-color: #fabeb9;margin:0 6px;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 25px 0;border-top-left-radius: 20px;border-bottom-right-radius: 20px;position: relative;}
.page-organization .organization ul li:first-child{margin-left: 0;}
.page-organization .organization ul li:last-child{margin-right: 0;}
.page-organization .organization ul.second li{cursor: pointer;}
.page-organization .organization ul.second li:hover{background-image: -webkit-gradient(linear,left top, left bottom,from(#bb1607),to(#f47264));background-image: linear-gradient(180deg,#bb1607,#f47264);color: #ffffff;}
.page-organization .organization ul li::after{content: '';width: 2px;height: 28px;background-color: #fabeb9;position: absolute;left: 50%;top: -28px;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
.page-organization .organization .text-wrap .text{margin-top:40px ;padding: 25px 35px;border: 1px solid #e1e1e1;font-size: 16px;line-height: 2;color: #666666;background-color: #fff;position: relative;width: 100%;text-align: justify;}
.page-organization .organization .text-wrap .triangle{position: absolute;top: -16px;z-index:100;left:50% !important; margin-left:-9px;}
.page-organization .organization .text-wrap { max-width: 1400px; }
.page-organization .organization .text-wrap .text{display: none;}
.page-organization .organization .text-wrap .text.nodata { padding: 0; display: none; }
.page-organization .organization .text-wrap .text.nodata .triangle { display: none; }

/* 手机端组织架构 */
.org-wrapper-for-mobile { display: none; }
.level-1-item { padding: 14px; background: #fabeb9; -webkit-box-shadow: 0 12px 25px 0 rgba(230, 45, 28, .22); box-shadow: 0 12px 25px 0 rgba(230, 45, 28, .22); font-size: 22px; color: #333333; font-weight: 400; text-align: center; }
.level-2-title { margin: 30px 0 15px; font-size: 18px; font-weight: 400; text-align: center; }
.level-2-item { padding: 14px; background: #fabeb9; -webkit-box-shadow: 0 12px 25px 0 rgba(230, 45, 28, .22); box-shadow: 0 12px 25px 0 rgba(230, 45, 28, .22); font-size: 16px; margin-bottom: 3px; }
.level-3-title { margin: 30px 0 15px; font-size: 18px; font-weight: 400; text-align: center; }
.level-3-item { background: #fabeb9; -webkit-box-shadow: 0 12px 25px 0 rgba(230, 45, 28, .22); box-shadow: 0 12px 25px 0 rgba(230, 45, 28, .22); font-size: 16px; margin-bottom: 3px; }
.level-3-item:active { background: #F0B9B7; }
.level-3-cont { padding: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.level-3-cont > span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.level-3-cont > i { -ms-flex-negative: 0; flex-shrink: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.6s; transition: all 0.6s; }
.level-3-item-details { padding: 14px; background: #F6F6F6; font-size: 14px; line-height: 1.6; color: #888888; display: none; }
.level-3-item.show .level-3-cont > i { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.level-3-item.show .level-3-item-details { display: block; }


@media screen and (max-width:1450px){
  /* organization */
  .page-organization .organization .organization-title::after{display: none;}
  .page-organization .organization ul{-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .page-organization .organization ul::after{width: 100%;left: 0;}
  .page-organization .organization ul li{-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 10px 20px!important;width: 50px; height: 260px;}
  .page-organization .organization ul li::after{display: none;}
  .page-organization .organization .text-wrap { width: 90%; } 
}
@media screen and (max-width:1250px){
  /* organization */
  .page-organization .organization ul li{margin: 0 5px 10px!important;width: 40px; height: 220px; font-size: 13px;}
}
@media screen and (max-width:930px){
  /* organization */
  .page-organization .organization ul li{margin: 0 1px 10px!important;width: 40px; height: 220px; font-size: 12px;}
}
@media screen and (max-width:800px){
  /* 公共 */
  .module{padding-top:30px;padding-bottom: 30px;}
  .safe-zone {padding-left:15px;padding-right:15px;}
  /* organization */
  .page-organization {background-size: cover;}
  .page-organization .organization .organization-title{width: 240px;height: 60px;}
  .page-organization .organization .organization-title p{font-size: 18px;}
  .page-organization .organization ul{margin-top: 60px;}
  .page-organization .organization ul li{width: 56px;height: 240px;font-size: 14px;margin:0 5px 10px!important;}
  .page-organization .organization .text-wrap .text{padding: 15px;line-height: 1.8;font-size: 14px;}
  .org-wrapper-for-mobile { display: block; }
  .page-organization .organization { display: none; }
}