@charset "utf-8";
body{background-color:#fafafa;}
.main_about{float:left;width:100%;padding:10px 0 20px 0;overflow:hidden;} 
.main_about .abname{float:left;width:100%;min-height:120px; margin-top:60px;text-align:center;} 
.main_about .abname h3 { width: 100%; font-size: 40px; color: #480000; 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 #480000;}

.main_about .abname1{width:100%;min-height:120px;text-align:center;} 
.main_about .abname1 h3 { width: 100%; font-size: 40px; color: #480000; line-height: 56px; font-family: Arial;    font-weight: bold; }
.main_about .abname1 h4 { font-size: 36px; color: #3e3e3e; line-height: 60px; padding-bottom:10px; font-weight: normal;display:inline-block ;border-bottom:2px solid #480000;}


.main_about .detail_text{float:left;min-height:100px;width:98%;line-height:35px;font-size:16px; margin-top:40px; padding:0px 0 0px 0; text-align:left;text-align:justify;color:#727272;z-index:1;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);}
.main_about .detail_text .d_text{float:right;width:60%;height:500px;background-color:#FFF;}
.main_about .detail_text .d_text li{float:left;margin-left:4%;width:92%;height:100%;}
.main_about .detail_text .d_text P{text-indent:40px;}
.main_about .detail_text .d_img{float:left;width:40%;height:500px;}
.main_about .detail_text .d_img li{width:100%;height:100%;background-size:100% 100%;transition: all 1s;}
.main_about .detail_text .d_img:hover li{transform: scale(1.1, 1.1);transition: all 1s;}

@media only screen and (max-width: 760px) {
.main_about .detail_text .d_text{width:100%;height:auto;padding-bottom:40px;}
.main_about .detail_text .d_img{width:100%;height:300px;display:none;}
.main_about .detail_text .d_img li{background-size:100%;}
}


.main_about .moreinfo{float:left;width:100%;text-align:right;}  
.main_about .moreinfo A{float:right;display:inline-block;margin:-60px 20px 0 0;height:30px;line-height:30px;border:1px solid #480000;background:#480000;color:#fff;font-size:16pt;padding:10px 30px 10px 30px;border-radius:10px;z-index:2;}
.main_about .moreinfo A:hover{border:1px solid #101088;background:#101088;color:#fff;}
.main_about .moreinfo A:after{content:" >> "}
 
.main_about .clname{float:left;width:100%;height:60px;line-height:60px;margin-top:30px;background-color:#333399;} 
.main_about .clname .myname{float:right;width:20%;height:60px;font-size:10pt; color:#fff; text-align:center;position:relative;}
.main_about .clname ul{float:left;width:80%;height:60px;position:relative;}
.main_about .clname ul li{float:left;height:50px;line-height:50px;padding:0 30px 0 30px;font-size:12pt;transition:0.5s;margin:10px 0 0 10px;color:#fff;border-radius:10px 10px 0 0 ;}
.main_about .clname ul li:hover{background-color:#fff;transition:0.5s;border-top:3px solid #ffcc00;color:#013f8d;}
.main_about .clname ul li.selected{background-color:#fff;transition:0.5s;border-top:3px solid #ffcc00;color:#013f8d;}
 
.main_about .leaderlist{float:left;width:100%;padding-bottom:30px;text-align:center;}
.bar_leader{width:40%;min-height:140px;text-align:center;transition: all 1s;display:inline-block; margin:30px; } 
.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;}
.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;position:absolute;bottom:0px;left:25%;width:50%;height:40px;line-height:40px;font-size:14pt;background-color:#480000;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;} 

@media only screen and (max-width: 760px) {
.bar_leader{width:100%;margin:0px;} 
}

.main_about .department{float:left;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;} 

@media only screen and (max-width: 760px) {
.bar_department img{width:100%;} 
}

.historylist111{float:left;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;} 
.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:#480000;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;} 

.i_list_remark {padding:0px;margin:5px 0 0 0px;}
.i_list_remark .uContent{float:left;width:100%;min-height:200px; clear:both;margin:0px;padding:0px;} 
.uContent .uremark{width:96%;padding:2%;min-height:60px;font-size:12pt;line-height:30px;text-indent:35px;background:url(../images/column_bg_b_2.jpg);color:#663333;}
.uContent .bar_imgUnit{float:left; width:48%;text-align:center;display:inline;height:auto;margin:2% 1% 2% 1%;padding-bottom:10px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);overflow:hidden;background-color:#FFF;}
.uContent .bar_imgUnit ul{width:100%;padding-bottom:25%;position:relative;height:auto;}
.uContent .bar_imgUnit ul .shape{position:absolute;width:95%;height:95%;left:1%;top:5%;padding:0px;}
.uContent .bar_imgUnit ul .shape .vi{float:left;width:30%;height:100% ;text-align:center;overflow:hidden;}
.uContent .bar_imgUnit ul .shape .vi img{ height:99%; max-width:99%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.uContent .bar_imgUnit ul .shape .vi img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.uContent .bar_imgUnit ul .shape .t{float:right;width:99%; height:40px; line-height:40px;text-align:left;font-size:14pt;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.uContent .bar_imgUnit ul .shape .text{float:right;width:99%; height:60px;overflow:hidden; line-height:20px;text-align:left;font-size:14px;color:#666; position:relative;} 
.text em {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    background-color: #c41305;
}

@media only screen and (max-width: 760px) {
.uContent .bar_imgUnit{width:100%;} 
.uContent .bar_imgUnit ul .shape .text{height:auto;}
}