/* Varaibles - config */
/* SCSS*/
.org-chart {display: block;clear: both;margin-bottom: 30px;position: relative;}

.org-chart a{color:#000;display:block;padding:10px 10px;background:#FFF;line-height:26px}
.org-chart a:hover{color:#9d2900;}
.org-chart b{}

.org-chart.cf:after {clear: both;}
.org-chart.cf {*zoom: 1;}
.org-chart ul {padding: 0;margin: 0;list-style: none;}
.org-chart ul li {position: relative;}

.org-chart ul li span {display: block;text-align: center;overflow: hidden;text-decoration: none;color: black;}


.org-chart .board:before {
  content: "";
  display: block;
  position: absolute;
  height: 160px;
  width: 0px;
  border-left: 2px solid #d7d7d7;
  margin-left: 421px;

}

.org-chart .department:after {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 45px;
  border-left: 2px solid #d7d7d7;
  left: 37%;
  top: -45px;}

.departments li:nth-child(1):after {left: 43%;}
.departments li:nth-child(2):after {left: 47%;}
.departments li:nth-child(3):after {left: 45%;}

/* 左1 */
.board-left{position:absolute;z-index:1;left:0px;top:25px}
.org-chart .board-left:before {
  content: "";
  display: block;
  position: absolute;
  height: 100px;
  width: 0px;
  border-left: 2px solid #d7d7d7;
  margin-left: 50%;

}
.org-chart ul.cleftOne {height:100px;position: relative;width:100px;display: block;clear: both;margin-left:125px;}
.org-chart ul.cleftOne li{width:100%;margin:0px auto;font-size:16px;border:2px #0163ac dashed;}

.department-left {width: 100%;display: block;clear: both;height:200px}
.department-left li a{border:2px #3376d9 dashed;font-size:15px;background:#FFF}
.department-left:before {
  content: "";
  display: block;
  width: 71.5%;
  height: 45px;
  border-top: 2px solid #d7d7d7;
  margin: 0 auto;
  top: 0px;
}
.department-left li {
  width:100px;
  float: left;
  margin: 0px 2px 0px 14px;
}
.department-left li:nth-child(1){margin-left:0px}
.department-left li:nth-child(2){width:120px}
.department-left b{font-weight:normal}


/* 右1 */
.board-right{position:absolute;z-index:1;right:0px;top:25px}
.org-chart .board-right:before {
  content: "";
  display: block;
  position: absolute;
  height: 100px;
  width: 0px;
  border-left: 2px solid #d7d7d7;
  margin-left: 50%;}
.org-chart ul.crightOne {height:100px;position: relative;width:100px;display: block;clear: both;margin-left:58px;}
.org-chart ul.crightOne li{width:100%;margin:0px auto;font-size:16px;border:2px #0163ac dashed;}

.department-right {width: 100%;display: block;clear: both;height:200px}
.department-right li a{border:2px #3376d9 dashed;font-size:15px;background:#FFF}
.department-right:before {
  content: "";
  display: block;
  width: 54%;
  height: 45px;
  border-top: 2px solid #d7d7d7;
  margin: 0 auto;
  top: 0px;}
.department-right li {
  width:100px;
  float: left;
  margin: 0px 2px 0px 14px;}
.department-right li:nth-child(1){margin-left:0px}
.department-right b{font-weight:normal}



/* 第一级 */
.org-chart ul.columnOne {height:160px;position: relative;width: 100%;display: block;clear: both;}
.org-chart ul.columnOne li {width:30%;margin:30px 0px 0px 290px;font-size:20px;}
.columnOne li:nth-child(1) a{border:2px #c53d00 solid;border-bottom:6px #c53d00 solid;}
.columnOne li:nth-child(2) a{border:2px #0163ac solid;border-bottom:6px #0163ac solid;}
.columnOne li:nth-child(3) a{border:2px #3376d9 solid;border-bottom:6px #3376d9 solid;}
	.org-chart ul.columnOne i{padding:8px 0px 2px 0px;font-size:16px;display:block;}

/* 第二级 */
.org-chart ul.columnTwo {
  position: relative;
  width: 210px;
  display: block;
  height: 150px;
  clear: both;font-size:17px;margin-left:366px
}
.org-chart ul.columnTwo li:first-child {width: 40%;float: left;}
.org-chart ul.columnTwo li {width:40%;float: right;}
.columnTwo li a{border:2px #008e40 solid;border-bottom:4px #008e40 solid;}

.org-chart ul.columnTwo:before {
  content: "";
  display: block;
  position: relative;
  width: 80%;
  height: 10px;
  border-top:2px solid #cdcdcd;
  margin: 0 auto;
  top: 40px;
}



/* 第三级 */
.departments {width: 100%;display: block;clear: both;height:180px}
.departments li a{border:2px #008e40 solid;border-bottom:4px #008e40 solid;font-size:16px;}
.departments:before {
  content: "";
  display: block;
  width: 617px;
  height: 45px;
  border-top: 2px solid #d7d7d7;margin-left:107px;
  top: 0px;}
.departments li {
  width: 24%;
  float: left;
  margin: 0px 0px 0px 80px;}


.departments li:before {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 45px;
  border-left: 2px solid #d7d7d7;
  left: 46%;
  top: 88px;}


.departments li:nth-child(1):before {left: 43%;}
.departments li:nth-child(3):before {left: 45.5%;}

.departments li:nth-child(1){margin-left:10px}
.departments li:last-child{}
.departments i{display:block;padding:8px 0px 2px 0px;font-size:16px;}

/* 第四级 */
.department4 {width: 100%;display: block;clear: both;}
.department4 li a{border:2px #3376d9 solid;border-bottom:4px #3376d9 solid;display:block;font-size:15px;writing-mode:vertical-lr;word-wrap: break-word;letter-spacing:2px !important;padding:15px 12px}
.department4 li b{font-weight:normal;}
.department4:before {
  content: "";
  display: block;
  width: 94%;
  height: 45px;
  border-top: 0px solid #d7d7d7;
  margin: 0 auto;
  top: 0px;
}
.department4 li {width: 8%;float: left;margin-left:0px;position:relative}

.department4 li:nth-child(1):before {
    content: "";
    display: block;
    width: 100%;
    border-top: 2px solid #d7d7d7;position:absolute;
    margin: 0 auto;
	left:27px;
    top: -46px;}

.department4 li:nth-child(2):before {
    content: "";
    display: block;
    width: 104%;
    border-top: 2px solid #d7d7d7;position:absolute;
    margin: 0 auto;
	left:27px;
    top: -46px;}



.department4 li:nth-child(4):before {
    content: "";
    display: block;
    width: 100%;
    border-top: 2px solid #d7d7d7;position:absolute;
    margin: 0 auto;
	left:28px;
    top: -46px;}

.department4 li:nth-child(5):before {
    content: "";
    display: block;
    width: 104%;
    border-top: 2px solid #d7d7d7;position:absolute;
    margin: 0 auto;
	left:27px;
    top: -46px;}

.department4 li:nth-child(6):before {
    content: "";
    display: block;
    width: 103%;
    border-top: 2px solid #d7d7d7;position:absolute;
    margin: 0 auto;
	left:27px;
    top: -46px;}

.department4 li:nth-child(8):before {
    content: "";
    display: block;
    width: 106%;
    border-top: 2px solid #d7d7d7;position:absolute;
    margin: 0 auto;
	left:-50px;
    top: -46px;}
.department4 li:nth-child(9):before {
    content: "";
    display: block;
    width: 100%;
    border-top: 2px solid #d7d7d7;position:absolute;
    margin: 0 auto;
	left:28px;
    top: -46px;}
.department4 li:nth-child(10):before {
    content: "";
    display: block;
    width: 203%;
    border-top: 2px solid #d7d7d7;position:absolute;
    margin: 0 auto;
	left:27px;
    top: -46px;}



.department4 li:nth-child(1){margin-left:0px}
.department4 li:nth-child(4){margin-left:16px;}
.department4 li:nth-child(9){margin-left:15px;}