@charset "utf-8";
/* CSS Document */
body { background: #ffffff; }


.subPage{width:100%;  margin:0px auto;position:relative;  }
.sub_banner{width:100%;position:relative; background: #eeeeee; overflow: hidden; }
.sub_banner img { display: block; margin: 0 auto; position: relative; }
.sub_banner .bread img { display: inline-block; }
.wrap_bread { margin: 0 auto; position: relative; height: 48px; line-height: 48px; border-bottom: 1px solid #eee;}
.bread_shadowwrap { margin: 0 auto; position: relative; max-width: 1200px;}
.sub_b_title { padding: 20px 35px; background: rgba(0,0,0,.3); position: absolute; top: 40%; font-family: 'times_new_romanbold','Times New Roman','Arial'; color: #ffffff; }
.sub_b_title a { color: #ffffff; font-size: 24px; font-weight: bold; }
.bread { max-width: 1200px;color: #aeaeae; height: 48px; line-height: 48px; margin: 0 auto; }
.bread img { display: inline-block; }
.bread a { color: #aeaeae; font-size: 14px;  }
.bread a img { display: inline-block; }
.bread a:hover { color: #333333; }
.sub_t01 { padding: 40px 0 15px 10px; }
.sub_t01 h2{ color:#9a37c8;  font-size: 24px;   font-size:2.4em; font-family: 'times_new_romanbold','Times New Roman','Arial'; }
.sub_t01 h2:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-ms-opacity:0.8;opacity:0.8; transition: all 1s ease 0s; }
.sub_mbtn{width:100%;height:40px;background:url(../images/sub-mbtn02.png) no-repeat 98% center;background-color:#d8d8d8;cursor:pointer;display:none;}
.sub_mbtn span {  height: 40px; line-height: 40px; padding: 0 0 0 2%; color: #9a37c8; font-weight: bold; font-size: 16px; }
.open{background:url(../images/sub-mbtn02_close.png) no-repeat 98% center;background-color:#d8d8d8;}
.sub_navm{ width:100%; overflow: hidden;display: none;}
.sub_navm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.sub_navm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.sub_navm ul{ border: 1px solid #dddddd; }
.sub_navm li{position:relative;}
.sub_navm li a{ font-size: 14px; color:#282828; padding-left:13px; font-family:Helvetica;height:40px;line-height:40px;border-top:1px solid #d3d3d3;display:block;}
.sub_navm li:first-child a { border-top: 0px; }
.sub_navm li a:hover{color:#9a37c8;}
.sub_navm li.sub_has span{ margin-left: 10px;}
.sub_navm li.on a{ color:#9a37c8; display:block; width:100%;}
.sub_navm dl{ display: none; background-color:#fff; padding:0px 0px 5px;}
.sub_navm dl dd{ padding-left: 30px;  height:30px;line-height:30px;border-bottom:1px dotted #ddd;}
.sub_navm li.on dl dd a{ font-size: 12px; color:#9a37c8;font-weight:normal;display:inline; border:none; padding:0px;height:30px;line-height:30px;}
.sub_navm li dl dd a{ font-size: 14px; color:#282828; font-weight:normal; display:inline;  border:none; padding:0px;}
.sub_navm li dl dd a:hover{ color:#9a37c8}
.sub_navm li strong.phone_arrow{width:40px;height:40px;line-height:40px;text-align:center;font-weight:bold;font-size:18px;display:block;position:absolute;right:0;top:0;z-index:999;color:#9a37c8;cursor:pointer;}
.subPage_con{max-width:1200px; margin: 0 auto;  min-height:470px; }
.sbu_leftWrap{width:290px;float:left; padding:0 30px 0 0; background:#fafafa; }
/*.f_left_con { *border-right: 1px solid #ffffff; border-right: 1px solid #ffffff\9\0; }
*/

/*左侧边栏*/
.sub_left{overflow:hidden;z-index:99999;}
.sub_left h2{width:auto;padding-left:17px;height:48px;line-height:48px;font-weight:bold;font-family:Helvetica;background-color:#003c7f;border-bottom:1px solid #d3d3d3;}
.sub_left h2 a{color:#fff;font-size:20px;}
.sub_left ul{  }
.sub_left li{position:relative; padding:0 0 0 10px;}
.sub_left li a{ z-index:1;padding:14px 0px 14px 0px; display:block;font-size:16px;font-size:1.6em;border-top:1px solid #eaecee; color:#333333;}
.sub_left li:first-child a { border-top:0px; }
.sub_left li a:hover,.sub_left li a.active{ color: #005f8f; padding:14px 0px 14px 0px; color: #005f8f; }
.sub_left li a:hover,.sub_left li a.on { color: #333333;  }
.sub_left li strong.arrow{ display:block;width:14px;height:50px;line-height:50px; text-align:center; background: url(../images/left_arrow.png) no-repeat center;  position:absolute;right:0;top:0; z-index:33;cursor:pointer;transition:all 0.3s ease-in-out}
.sub_left li.on { background: url(../images/li_on.png) no-repeat left 14px; }
.sub_left li.on strong.arrow { background: url(../images/left_arrow_bottom.png) no-repeat center; }
.sub_left .twoJ_menu { padding:0 0 15px 20px; }
.sub_left .twoJ_menu dd a{;padding:8px 22px 8px 0px;font-size:14px;font-size:1.4em;}
.sub_left .twoJ_menu dd a:hover { color: #9a37c8; }
/*右侧*/
.sub_right{margin:0 0 30px 350px; padding:25px 0 0 0;}
.sub_right01 { margin: 0 0 30px 0; padding:0px; }
.articleTitle { height: 51px; line-height: 51px; border-bottom: 1px solid #eeeeee; }
.articleTitle h2 { font-size: 20px; color: #333333;  width: auto; float: left; height: 49px; padding:0 0 0 12px; background: url(../images/er_title.png) no-repeat left center; }
.pageArticle {  position: relative; }
.articleTitle01 {margin: 20px 0 0 0; height: 56px; line-height: 56px; border-bottom: 1px solid #eeeeee; }
.articleTitle01 h2 { font-size: 24px; color: #9a37c8;  width: auto; float: left; height: 55px; padding:0; background: none; font-family: 'times_new_romanbold','Times New Roman','Arial';}


.page { text-align: center; margin: 20px auto 80px; }
.page a { text-align: center; padding: 0 8px; margin: 0 5px; height: 28px; line-height: 28px; font-size: 14px; display: inline-block; border: 1px solid #eeeeee; color: #333333; font-family: "微软雅黑"; }
.page a:hover { background:#9a37c8; color: #ffffff; }
.page .on_pages { background:#9a37c8; color: #ffffff; }
.minpage { display: none; margin: 30px 0; overflow: hidden; }
.minpage a{ height: 28px; line-height: 28px; border-radius: 20px; width: 100px; font-size: 14px; text-align: center; color: #9a37c8; background: #ededed; }
.minpage a:hover { background: #9a37c8; color: #ffffff;  }
.mp_left { float: left; }
.mp_right { float: right; }



.Professor .title p { font-size: 16px; color: #9a37c8; margin: 18px 0 10px 13px; }
.Professor ul { margin: 0 -1.5%; overflow: hidden;}
.Professor ul li { width: 30%; float: left; margin: 0 1.5% 28px; }
.pre_con { overflow: hidden; border: 1px solid #f0f0f0; box-shadow: 2px 2px 2px #f6f6f6; background: url(../images/pre_s.png) no-repeat right bottom; }
.pre_left { width: 130px; height: 180px; float: left; }
.pre_right { margin: 0 0 0 130px; text-align: center; padding: 60px 0 0 0; }
.pre_right p { font-size: 16px; color: #333333; padding: 0 0 15px 0; background: url(../images/pre_line.png) no-repeat center bottom; }
.pre_right span { font-size: 14px; color: #999999; margin: 10px 0 0 0; display: block; }
.Professor ul li:hover { background: #9a37c8; }
.Professor ul li:hover .pre_right p { color: #ffffff; background: url(../images/pre_line_w.png) no-repeat center bottom; } 
.Professor ul li:hover .pre_right span { color: #ffffff; }
.Professor ul li:hover .pre_con { background: url(../images/pre_s_hover.png) no-repeat right bottom; }


.person { overflow: hidden; }
.person ol,.person ol li{list-style:decimal inside none;}
.person ul,.person ul li{list-style: disc inside  none;}
.person li p{display: inline}
.person_right { width: 217px; float: right; margin: 44px 0 0 0; }
.person_con { margin: 0 270px 0 0; }
.person_con h2 { margin: 25px 0 25px 0; }
.person_con h2 a { font-size: 24px; color: #333333; font-family: 'times_new_romanbold','Times New Roman','Arial'; }
.per_con h3 { font-size: 16px;  font-family: 'times_new_romanbold','Times New Roman','Arial';  }
.per_con h3 a { color: #9a37c8; font-weight: bold; }
.p_con {  line-height: 28px; margin: 5px 0 30px 0; }
.p_con strong{ font-weight: 600; }
.event_list ul { margin: 20px -1% 0; overflow: hidden; }
.event_list ul li { width: 48%; float: left;  margin: 0 1% 20px; }
.event_con { border: 1px solid #eeeeee; padding: 18px 30px; background: url(../images/pre_s.png) no-repeat right bottom; }
.event_con p { font-size: 14px; color: #9a38c8; margin: 0 0 10px 0; }
.ev_con { font-size: 16px; color: #000000; line-height: 24px; height: 48px; overflow: hidden; }
.event_list ul li:hover .event_con { background: url(../images/pre_s_hover.png) no-repeat right bottom #9a37c8; }
.event_list ul li:hover .event_con  p { color: #c69bdf; }
.event_list ul li:hover .ev_con { color: #ffffff; }






.ev_art_title h3 { font-size: 20px; color: #333333; margin: 35px auto 10px; text-align: center; }
.ev_author { text-align: center; padding: 0 0 15px 0; border-bottom: 1px solid #eeeeee; }
.ev_author span { font-size: 14px; color: #999999; padding: 0 2%; }
.evar_con { margin: 20px 0 30px 0; line-height: 28px; overflow:hidden;}
.evar_con strong{ font-weight:600;}
.evar_con img { display: block; margin: 20px auto; }
.event_article { width: 70.9%; margin: 0 auto; }
.share {  position: absolute; right: 45px; top: 80px; }
.img_font ul { margin: 20px -1.5% 25px; overflow: hidden; }
.img_font ul li { width: 30%; float: left; margin: 0 1.5% 25px; box-shadow: 2px 2px 2px #f0f0f0; }
.img_font ul span { height: 0px; display: block; padding-bottom: 56.2%; }
.font_con { padding: 20px 25px; }
.font_con p { font-size: 16px; color: #333333; line-height: 24px; }
.font_con i {font-style: normal; font-size: 14px; color: #999999; padding: 0 0 0 17px; background:url(../images/f_clock.png) no-repeat left center; margin: 10px 0 0 0;  display: block;}
.img_font ul li:hover span { opacity: .8;}
.img_font ul li:hover p { color: #9a37c8; }
.img_font ul li:hover i { color: #333333; }


.fujian { padding: 20px 0 40px 0; border-top: 1px solid #eeeeee; }
.fujian a { font-size: 14px; color: #999999; }
.fujian a:hover { color: #9a37c8; }






@media screen  and (max-width:1386px) {
.bread { padding: 0 20px 0 0; }
.sub_b_title { top: 20%; padding: 10px; }
.wrap_bread { max-width: 1000px; }
.subPage { max-width: 1000px;  }

}


@media screen  and (max-width:1023px) {
.subPage { background: none; }
.pre_right p { font-size: 14px; }
.wrap_bread { margin: 0 15px; }
.subPage { margin: 0 15px; width: auto; }
.sub_b_title a { font-size: 20px; }

}

@media screen  and (max-width:992px) {
.sbu_leftWrap { display: none; }
.sub_mbtn { display: block; margin: 20px 0 0 0; }	
.sub_right { margin: 20px 0 0 0; padding: 0px; }
.sub_b_title a { font-size: 18px; }

}
@media screen  and (max-width:800px) {
.sub_mbtn{display:block;}
.sub_left{display:none;}
}



@media screen and (max-width:768px) {
.Professor ul li { width: 47%; }
.sub_b_title { display: none; }
.person_right { float: none; margin: 30px auto; width: 153px; height: 180px; }
.person_con { margin: 0px; }
.event_list ul li { width: 98%; float: none; }
.ev_con { height: auto; }
.evar_con img { display: block; margin: 20px auto;width:100%!important;height:auto!important; }
.share { right: 10px; }
.img_font ul li { width: 47%; }
.page { display: none; }
.minpage{ display: block; }

}



@media screen and (max-width:414px) {
.page { display: none; }
.minpage { display: block; }
.Professor ul li { width: 97%; float: none; }
}

@media screen and (min-width:320px) and (max-width:360px) {
}
