@charset "utf-8";
/* CSS Document */
.layout{ width: 1230px; margin-right: auto; margin-left: auto; padding:0 15px;}
.header{ width:100%; overflow:hidden;}
.header_top{ width:100%; overflow:hidden; background:url(../images/top_02.jpg) top center no-repeat; height:130px;}
.logo{ float:left; padding-top:29px;}
.logo img{ display:block;}
.top_right{ float:right; overflow:hidden; padding-top:26px;}
.top_eve{ color:#999999; font-size:14px; text-align:right;}
.top_eve a{ color:#999999; padding:0 10px;}
.sou{ width:280px; float:right; position:relative; margin-top:14px;}
.inputBox_02{ width:234px; height:42px; float:left; background:#fff; border:none;color:#999999;font-size:100%; text-indent:15px; line-height:42px;}
.searchBox_01{ background:url(../images/sou_03.jpg) no-repeat; width:42px; height:42px; overflow:hidden; border:none;margin:0px; cursor:pointer; float:left;}


/*=================导航=================*/
.nav{ width:100%; height:50px; background:#173887;}
.nav_item{ float:left; width:10%; text-align:center; height:50px; position: relative; z-index: 100;}
.nav_item a{ width:100%; color:#fff; font-size:17px; display:block; line-height:50px;}
.nav_item_sub { display: none; position: absolute;z-index: 1000; left:0; overflow: hidden; width:100%;}
.nav_item .nav_itema{ display: block;}
.hover .nav_itema { background:#fa9c06; color:#FFF;}
.hover .nav_item_sub a{ text-align:center; background: #fa9c06; color:#FFF; text-decoration: none; font-size:14px; height:33px; line-height:33px; border-bottom:1px #aec7d8 solid; opacity:0.9;}
.hover .nav_item_sub a:hover{ background: #fa9c06; color:#FFF; opacity:0.7;}


/*================= banne===================*/
.g-banner{ position:relative;}
.g-banner .slideBox{ width:1200px; margin:0 auto; height:auto; overflow:hidden; position:relative;}
.g-banner .slideBox .hd{ height:20px; overflow:hidden; position:absolute; width:100%; bottom:10px;  z-index:1; text-align:center;}
.g-banner .slideBox .hd ul{ overflow:hidden; zoom:1;  }
.g-banner .slideBox .hd ul li{  margin:0px 3px;  width:19px; height:20px; color:#FFF; cursor:pointer; display:inline-block; text-align:center; line-height:90px; overflow:hidden; background:url(../images/b_04.png) no-repeat;}
.g-banner .slideBox .hd ul li.on{ background:url(../images/b_h_04.png) no-repeat;}
.g-banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.g-banner .slideBox .bd li{ zoom:1; vertical-align:middle;height:auto; position:relative;overflow:hidden;}
.g-banner .slideBox .bd img{ width:100%; height:auto; display:block; position:relative;}


.header_blong{ width:100%; overflow:hidden;}
.header_news{ width:100%; overflow:hidden; padding-top:40px;}
.xyxw{ width:740px; float:left; overflow:hidden;}
.news_top{ width:100%; overflow:hidden;}
.news_top span{ float:left; font-size:26px; font-weight:bold; color:#173887;}
.news_top .more{ float:right; color:#333333; font-size:14px; padding-top:10px;}
.news_top .more img{ vertical-align: middle; padding-left:10px;}

.xyxw_nav{ width:100%; overflow:hidden; padding-top:30px;}
.xyxw_vel{ width:100%; overflow:hidden; padding-bottom:18px;}
.xyxw_vel .xyxw_img{ float:left; width:320px; height:216px; overflow:hidden; margin-right:22px;}
.xyxw_vel .xyxw_img img{width:100%;height:100%;transition: all 1s ease-out;}
.xyxw_vel .xyxw_img img:hover{transform: scale(1.2);}
.xyxw_vel h4{ display:block; color:#173887; font-weight:bold; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-top:16px;}
.xyxw_vel h4 a{ color:#173887;}
.xyxw_vel h4 a:hover{ color:#ffc20d;}
.xyxw_vel span{ display:block; font-size:14px; color:#999999; padding-top:10px;}
.xyxw_vel span img{padding-right:10px;}
.xyxw_vel p{ display:block; color:#666666; font-size:14px; line-height:26px; padding-top:15px;}
.xyxw_cen ul li{ width:100%; overflow:hidden; height:52px; border-bottom:1px #d1d1d1 dashed; line-height:52px;}
.xyxw_cen ul li a{ float:left; display:block; background:url(../images/rvr_07.png) 9px 20px no-repeat; color:#333333; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-left:30px; width:80%; transition: all 0.5s linear;}
.xyxw_cen ul li a:hover{ color:#ffc20d; transform: translate(10px, 0px);}
.xyxw_cen ul li span{ float:right; font-size:14px; color:#999999;}


.tzgg{ width:420px; float:right; overflow:hidden;}
.tzgg_cen{ width:100%; overflow:hidden; padding-top:8px;}
.tzgg_cen ul li{ width:100%; height:102px; border:1px #e4ebf5 solid; padding:30px 15px 0 18px; margin-top:22px;}
.tzgg_cen ul li .date{ width:55px; float:left; background:url(../images/date_03.jpg) bottom repeat-x; color:#999999; font-size:16px; padding-bottom:12px; text-align:center; margin-right:23px; padding-top:7px;}
.tzgg_cen ul li a{ font-size:16px; line-height:26px; color:#333333; display:block; transition: all 0.5s linear;}
.tzgg_cen ul li a:hover{ color:#ffc20d; transform: translate(10px, 0px);}


.header_vel{ width:100%; overflow:hidden; padding-top:40px; padding-bottom:50px;}
.xsdt{ width:580px; overflow:hidden;}
.xsdt_top{ width:100%; overflow:hidden; height:72px; background:#ebf4fe; padding:23px 30px 0 30px;}
.xsdt_top span{ float:left; font-size:26px; font-weight:bold; color:#173887;}
.xsdt_top .more{ float:right; color:#333333; font-size:14px; padding-top:10px;}
.xsdt_top .more img{ vertical-align: middle; padding-left:10px;}
.xsdt_nav{ width:100%; overflow:hidden; border:1px #ebebeb solid; border-top:none; height:438px; padding:0 30px;}
.xsdt_cen{ width:100%; overflow:hidden; padding-top:40px;}
.xsdt_cen a{ display:block; font-size:18px; font-weight:bold; color:#333333; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; transition: all 0.5s linear;}
.xsdt_cen a:hover{ color:#ffc20d; transform: translate(10px, 0px);}
.xsdt_cen p{ display:block; font-size:14px; line-height:26px; color:#999999; padding-top:20px; background:url(../images/xsdt_03.jpg) bottom no-repeat; padding-bottom:20px;}
.xsdt_vel{ width:100%; overflow:hidden; padding-top:10px;}
.xsdt_vel ul li{ width:100%; line-height:52px; overflow:hidden;}
.xsdt_vel ul li a{ float:left; display:block; color:#333333; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; width:80%; transition: all 0.5s linear;}
.xsdt_vel ul li a:hover{ color:#ffc20d; transform: translate(10px, 0px);}
.xsdt_vel ul li span{ float:right; font-size:14px; color:#999999;}


.foter{ width:100%; height:304px; overflow:hidden; background:#173887;}
.foter_cen{ width:100%; overflow:hidden; padding-top:44px; height:255px; border-bottom:1px #2f4c93 solid;}
.lxfs{ width:504px; float:left; overflow:hidden;}
.foter_logo{ width:80%;}
.foter_logo img{ max-width:100%;}
.fo_name{ display:block; font-weight:bold; color:#FFF; font-size:18px; background:url(../images/ff_03.jpg) left bottom no-repeat; padding-bottom:10px;}
.lxfs p{ line-height:28px;display:block; font-size:14px; color:#FFF;/* padding-top:20px;*/}
.yqlj{ width:220px; float:left; overflow:hidden;}
.yqlj select{ text-align: left; text-align-last: left;}
.select_01{ width:100%; height:36px; border:1px #bac4db solid; margin-top:20px; color:#fff; font-size:14px; padding-left:20px; background:none;}
.select_01 option{ color:#999999;}
.wxgz{ width:250px; float:right; overflow:hidden;}
.wxgz_nav{ width:110px; padding-top:20px; overflow:hidden;    margin-right: 11px;}
.wxgz_nav img{ width:110px; height:110px;}
.wxgz_nav p{ padding-top:10px; line-height:24px; display:block; font-size:14px; color:#FFF; text-align:center;}
.bottom{ text-align:center; color:#FFF; font-size:14px; padding-top:16px;}



.ph_banner{ width:100%; overflow:hidden; display:none;}
.ph_banner .banner_pad_cen{ width:100%; height:auto; overflow:hidden; position:relative;}
.ph_banner .banner_pad_cen .hd{ height:16px; overflow:hidden; position:absolute; width:100%; bottom:10px; z-index:1; text-align:center;}
.ph_banner .banner_pad_cen .hd ul{ overflow:hidden; zoom:1;  }
.ph_banner .banner_pad_cen .hd ul li{  margin:0px 6px; border-radius:15px;  width:13px; height:13px; background:#ffffff; cursor:pointer; display:inline-block; text-align:center; overflow:hidden; line-height:99px;}
.ph_banner .banner_pad_cen .hd ul li.on{ background:#075aa6;width:13px; }
.ph_banner .banner_pad_cen .bd{ position:relative; height:100%; z-index:0;   }
.ph_banner .banner_pad_cen .bd li{ zoom:1; vertical-align:middle;height:auto; position:relative;overflow:hidden;}
.ph_banner .banner_pad_cen .bd img{ width:100%; height:auto; display:block; position:relative;}

.ph_foter{ width:100%; background:#173887; overflow:hidden; padding:30px 0; line-height:34px; text-align:center; font-size:14px; color:#ffffff; display:none;}



/***************单页****************************/
.list_banner{ width:100%; overflow:hidden; position:relative;}
.banner_img{ width:100%; height:auto; overflow:hidden;}
.banner_img img{ width:100%;}
.phd_banner{ width:100%; overflow:hidden; display:none;}
.phd_banner img{ width:100%;
}
.list_menu{ width:100%; height:170px; background:url(../images/liast_menu_02.png) no-repeat; position:absolute; bottom:0;}
.list_left{ width:30%; float:left; overflow:hidden; padding-top:45px;}
.list_left h4{ display:block; color:#ffffff; font-size:32px;}
.list_left p{ display:block; color:#ffffff; font-size:14px; padding-top:25px;}
.list_left p img{ vertical-align: middle; padding-right:10px; margin-bottom:4px;}
.list_left p span{display: initial;}

.list_nav{ width:70%; float:right; overflow:hidden; padding-top:30px; text-align:right;}
.list_nav ul{ margin:0 -2% 0 0; zoom:1;}
.list_nav ul li{ white-space: nowrap; float:left; width:23%; margin-right:2%; margin-top:15px;}
.list_nav ul li a{ display:block; color:#FFF; font-size:14px; text-align:center; line-height:20px; width:100%; transition: all 0.5s linear; text-indent:10px;}
.list_nav ul li a:hover{ background:url(../images/tvt_03.png) left no-repeat; color:#ffc20d; transform: translate(10px, 0px);}


.header_about{ width:100%; background:url(../images/about_bj_02.jpg) #f3f5f8 bottom center no-repeat; overflow:hidden; padding-bottom:250px;    min-height: 800px;}
.about_cont{ width:100%; font-size:16px; color:#333333; line-height:34px; overflow:hidden; padding-top:50px;}



/***************新闻列表****************************/
.header_list{ width:100%; background:url(../images/about_bj_02.jpg) #f3f5f8 bottom center no-repeat; overflow:hidden; padding-bottom:250px; min-height: 800px;}
.list_top{ width:100%; overflow:hidden; display:none; padding-top:30px;}
.list_top span{ float:left; color:#333333; font-size:22px;}
.list_top .more{ float:right; font-size:16px; color:#666666;}
.list_cen{ width:100%; overflow:hidden; padding-top:50px;}
.list_cen ul li{ width:100%; height:70px; line-height:70px; overflow:hidden; border-bottom:1px #b8cbf5 dashed;}
.list_cen ul li a{ float:left; display:block; color:#333333; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; width:80%; transition: all 0.5s linear;}
.list_cen ul li a:hover{ color:#ffc20d; transform: translate(10px, 0px);}
.date_sj{ float:right; font-size:14px; color:#999999; background:url(../images/sj_03.png) left no-repeat; padding-left:25px;}


/****************** 图片新闻 ********************/
.sp-jsfc{width:100%; overflow:hidden; padding-bottom:30px;}
.sp-jsfc ul{ margin:0 -2.3% 0 0; zoom:1;}
.sp-jsfc ul li{width:31%; float:left; position:relative; padding-bottom:23px; margin-top:30px; margin-right:2.3%;}
.sp-jsfc .js_img{width:100%; height:236px; overflow:hidden;}
.sp-jsfc .js_img img{width:100%; height:100%; transition: all 1s ease-out;}
.sp-jsfc .js_img img:hover{transform: scale(1.3);}
.sp-jsfc ul li span{text-align: center;width:80%; margin:0 auto; position:absolute; left:0; right:0; bottom:0; color:#444444; font-size:16px; background:#FFF; padding:10px 15px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; /*box-shadow: 0px 1px 4px 3px #e0e2e5;*/}



/****************** 科研团队 ********************/
.kytd_nav{ width:100%; overflow:hidden;}
.kytd_nav ul{ margin:0 -62.4px 0 0; zoom:1;overflow: hidden;}
.kytd_nav ul li{ width:148px; float:left; overflow:hidden; margin-right:62.4px; margin-top:45px;}
.kytd_nav ul li .td_img{ width:100%; height:148px; background:url(../images/kytdbg_03.png) no-repeat; overflow:hidden; text-align:center; padding:15px; background-size:cover;}
.kytd_nav ul li .td_img img{ border-radius:50%; transition: all 1s ease-out; width:100%;height: 100%;}
.kytd_nav ul li .td_img img:hover{transform: scale(1.2);}
.kytd_nav ul li span{ display:block; text-align:center; font-size:16px; color:#333333; padding-top:15px; }



/****************** 科研团队详情页 ********************/
.tdxq_top{ width:100%; box-shadow: 0px 1px 4px 3px #e0e2e5; height:244px; background:#FFF; margin-top:58px; padding:24px 0 0 30px;}
.xq_img{ float:left; width:156px; height:196px; overflow:hidden; margin-right:25px;}
.xq_img img{ width:100%;}
.xq_cen{ float:left; width:55%; overflow:hidden;}
.tdxq_top h4{ display:block; color:#203ab1; font-size:28px;}
.tdxq_top p{ display:block; font-size:14px; line-height:24px; color:#333333; padding-top:15px; border-bottom:1px #e8e8e8 solid; padding-bottom:20px;}
.tdxq_top h5{ display:block; color:#495060; font-size:14px; margin-top:25px;}
.tdxq_top h5 img{ vertical-align: middle; padding-right:10px; margin-bottom:4px;}
.tbxq_nav{ width:100%; box-shadow: 0px 1px 4px 3px #e0e2e5; background:#FFF; margin-top:20px;}
.tbxq_vel{ width:100%; height:52px; background:#f2f2f2;}
.tbxq_vel span{ float:left; width:156px; height:52px; background:#173887; text-align:center; line-height:52px; color:#FFF; font-size:18px;}
.tbxq_cont{ width:100%; padding:50px; font-size:14px; line-height:36px; color:#333333;}



/****************** 学院领导 ********************/
.xyld_nav{ width:100%; overflow:hidden;padding-top: 50px;}
.xyld_nav ul{ margin:0 -40px 0 0; zoom:1;}
.xyld_nav ul li{ width: 550px;height: 256px;float: left;position: relative;margin: 0 65px 30px 0;}
.xyld_nav ul li .ld_img{ width:176px; height:236px; overflow:hidden; float:left; margin-right:20px;z-index: 999;}
.xyld_nav ul li .ld_img img{ width:100%;}
.xyld_nav ul li h4{ display:block; padding-top:35px; font-size:22px; font-weight:bold;}
.xyld_nav ul li p{ display:block; line-height:27px; font-size:14px; padding-top:10px;}
.xyld_nav ul li h6{ display:block; text-align:right; color:#173887; font-size:16px;padding: 10px 20px 0 0;}
.xyld_nav ul li div{ background:#fff;   position: relative; width: 100%;   height: 100%;/*z-index:999; */}
.xyld_nav ul li:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; 
transform:translateX(10px) translateY(10px); background:#B4C4E8; transition:.5s;  }
.xyld_nav ul li:hover:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;transform: translateX(13px) translateY(13px);
background: #B4C4E8;transition: .5s;}

.xyld_nav ul li div::after{content:""; position:absolute;background:url(../images/xyld_bg.png) no-repeat;width: 90px;height: 100px;right: 0;bottom: 0;background-size: 100% 100%;}



/****************** 文章详情 ********************/
.spa-head { width: 100%; padding: 26px 0; overflow:hidden;}
.spa-desc { width: 100%; text-align: center; line-height: 27px; padding-bottom: 5px; border-bottom: 1px dotted #cccccc;}
.spa-head h1 { width: 100%; text-align: center; line-height: 36px; padding: 7px 0; font-size: 26px; color: #c40f22;}
.spa_cont{ width:100%; font-size:16px; color:#333333; line-height:34px; overflow:hidden;}