@charset "utf-8";
body{background-color:#fafafa;}
.main_about{float:left;width:100%;padding:10px 0 20px 0;overflow:hidden;} 
.main_about .abname{width:100%;min-height:120px; margin-top:60px;text-align:center;} 
.main_about .abname h3 { width: 100%; font-size: 40px; color: #ff9900; line-height: 56px; font-family: Arial;    font-weight: bold; }
.main_about .abname h4 { font-size: 36px; color: #3e3e3e; line-height: 60px; padding-bottom:10px; font-weight: normal;display:inline-block ;border-bottom:2px solid #ff9900;}
.main_about .ai{min-height:100px;width:100%; text-align:center;padding-top:20px;}
.main_about .detail_text{min-height:100px;width:98%;line-height:32px;font-size:16px; padding:20px 0 20px 0; text-align:left;text-align:justify;color:#727272;}
.main_about .detail_text P{text-indent:40px;}
.main_about .moreinfo{width:100%;text-align:center;}  
.main_about .moreinfo A{display:inline-block;margin:auto;height:30px;line-height:30px;border:1px solid #101088;font-size:16pt;padding:10px 30px 10px 30px;border-radius:10px;}
.main_about .moreinfo A:hover{background:#101088;color:#fff;}
.main_about .moreinfo A:after{content:" >> "}

.main_about .leaderlist{width:100%;padding-bottom:30px;text-align:center;}
.bar_leader{width:47%;min-height:140px;text-align:center;transition: all 1s;display:inline-block;margin:1%;} 
.bar_leader:hover{box-shadow:0 10px 20px rgba(0, 0, 0, 0.2);transition: all 1s;}
.bar_leader .itop{min-height:0px;width:100%;position:relative;padding-bottom:20px;text-align:center;}
.bar_leader .itop li{width:100%;padding-bottom:66.6%;position:relative;overflow:hidden;}
.bar_leader .itop li img{position:absolute;left:0px;top:0px;width:100%;height:100%;transition: all 1s;}
.bar_leader:hover .itop li img{transform: scale(1.1, 1.1);transition: all 1s;}
.bar_leader .itop span{display:block;margin:auto;min-width:50%;padding:0 10px 0 10px;height:40px;line-height:40px;font-size:14pt;background-color:#101088;color:#fff;z-index:1;transition: all 1s;}
.bar_leader:hover .itop span{opacity:0.5; filter:alpha(opacity=50);transition: all 1s;}
.bar_leader div{text-align:center;height:60px;width:100%;font-size:13pt;line-height:30px;} 

.main_about .department{width:100%;padding:0px 0 30px 0;} 
.bar_department{width:100%;min-height:140px;text-align:center;transition: all 1s;background:#fff;} 
.bar_department:hover{box-shadow:0 10px 20px rgba(0, 0, 0, 0.2);transition: all 1s;text-align:center;} 
.bar_department img{transition: all 1s;} 

.historylist111{width:100%;padding:20px 0 30px 0;background:url(../images/column_about_bg_3.jpg) center;overflow:hidden;}
.historylist{width:100%;padding:20px 0 30px 0; overflow:hidden;}
.historylist .zone{width:1200px;margin:auto;}
.main_about .abname h5 { font-size: 36px; line-height: 60px; padding-bottom:10px; font-weight: normal;display:inline-block ;border-bottom:2px solid #ff9900;}
.bar_historyitem{width:100%;min-height:140px;text-align:center;overflow:hidden;} 
.bar_historyitem ul{height:40px;line-height:40px;width:100%;text-align:center;}
.bar_historyitem ul li{display:inline-block;height:60px;width:60px;margin:auto;line-height:60px;font-size:16pt;border:1px solid #EFEFEF;z-index:20;background-color:#EFEFEF;border-radius:50%;color:#101088;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition: all 0.3s;cursor:pointer;} 
.bar_historyitem ul li.selected{background-color:#fb7509;color:#fff;font-size:16pt;border:1px solid #fff;cursor:pointer;} 

.bar_historyitem div{text-align:left;height:250px;width:90%;font-size:12pt;padding:40px 5% 0 5%;background-color:#fff;border-radius:20px; } 
.bar_historyitem div dt{display:inline;border:1px dotted #afafaf;height:38px;width:60px;overflow:hidden;}
.bar_historyitem div A{display:inline-block;height:40px;line-height:40px;width:49%;text-indent:10px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} 

.bar_historyitem .manage{text-align:left;min-height:250px;height:auto;width:90%;font-size:12pt;padding:40px 5% 0 5%;background-color:#fff;border-radius:20px;overflow:hidden; line-height:30px;} 


@media only screen and (max-width: 760px) {
.main_about .abname{margin-top:30px;} 
.bar_department img{width:100%;} 
.historylist .zone{width:100%;}

.bar_historyitem ul li{height:40px;width:40px;line-height:40px;font-size:12pt;} 
.bar_historyitem ul li.selected{font-size:12pt;} 

}