@charset "utf-8";
header {background-color: #338add;max-width: 1920px; min-width: 1000px; margin: 0 auto;height: 88px;border-bottom: 1px solid #ddd;}

/*-----------------------头部-----------------------*/
/*logo*/
.logo {width: 320px;float: left;margin-top: 20px; }
.logo img {display: block;width: 100%;height: auto;}
/*-----------------------导航-----------------------*/
.nav {width: 680px;height: 88px;position: relative;float: right;z-index:1;background-color: #338add;}
.topanv {position: absolute;width: 272px;height: 24px;line-height: 24px;top: 0;right: 0;background-color: #fff;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;overflow: hidden;}
.topanv ul {width: 100%;}
.topanv ul li {width: 68px;position: relative;float: left;text-align: center;white-space: nowrap;}
.topanv ul li a {color: #555;}
.topanv ul li a:hover{color: #f30; text-decoration: none}

.topanv .line-r {display: block;position: absolute;width: 1px;height: 14px;top: 5px;right: 0;background-color: #ddd;}
.mainnav {width: 100%;height: 36px;line-height: 36px;position: absolute;right: 0;bottom: 0;z-index:2;}
.mainnav > ul {width: 100%;height: 100%;}
.mainnav .nLi {display: inline;position: relative;float: left;width: 68px;height: 100%;white-space: nowrap;text-align: center;z-index:3;}
.mainnav .nLi .ico{content: "";display: block;position: absolute;width:0;height:0;left:50%;margin-left:-8px;top:20px;overflow: hidden;font-size: 0;line-height: 0;border-color:transparent transparent #338add transparent  ;border-style: dashed dashed solid dashed ;border-width:8px;}
.mainnav .nLi:hover .ico{ border-bottom-color: #fff;}
.mainnav .nLi h2 a {font-size: 14px;line-height: 2;font-weight: 400;text-decoration: none;color: #fff;text-align: center;display: block; width: 100%; height: 100%;}
.mainnav .home { width: 30px; margin-left: 30px;}
.mainnav .home span {font-size: 20px;line-height:22px}
.mainnav .sub {display: none;width: 102px;left: -17px;top: 36px;position: absolute;background: #fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;z-index:999; border: 1px solid #ddd}
.mainnav .sub li{display: block;height:32px;line-height: 32px;padding:4px 0;}
.mainnav .sub a {display: block;font-size:14px;padding-left:6px;color: #555}
.mainnav .sub a:hover {background: #338add;color: #fff;}

/*-----------------------轮播-----------------------*/
.banner{ max-width:1920px; margin:0 auto; min-width: 1000px}
.bannerBox{ position:relative; background:#000; margin:0 auto;width:100%; }
.bannerBox .bd{ position:relative; z-index:0; }
.bannerBox .bd li img{width:1920px; vertical-align:top;  }
.bannerBox .hd{position:relative;  margin-top:-30px; height:30px; line-height:30px;  text-align:center;  background:#000; filter:alpha(opacity=50);opacity:0.5  }
.bannerBox .hd ul{ text-align:center;  padding-top:5px;  }
.bannerBox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../img/ico/tg_flash_p.png) -18px 0; overflow:hidden;  font-size:0;  }
.bannerBox .hd ul .on{ background-position:0 0; }
.bannerBox .btn {position:relative; width:1000px; margin: 0 auto;}
.bannerBox .prev,.bannerBox .next{ z-index:1; display:block; width:46px; height:62px; position:relative; margin:-22% 0 0 -3%; float:left;  background:url(../img/ico/focusAdvBg.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }
.bannerBox .next{  background-position:right 0; float:right; margin-right:-3%  }
.bannerBox .prev:hover,.bannerBox .next:hover{ filter:alpha(opacity=80);opacity:0.8 }

/*-----------------------主体-----------------------*/



/*新闻头条*/
.news {width: 580px;height:415px;overflow: hidden;float: left; background-color: #fff;}
.news .top {overflow: hidden;position: relative;  height:160px; border-bottom: 1px solid #eee; padding: 10px 5px; }
.news .top .pic {float: left;width:200px; padding: 4px;border: 1px solid #ddd;text-align: center;overflow: hidden;}
.news .top .pic img {display: block;width: 100%;transition: all 0.5s; }
.news .top .pic img:hover { transform: scale(1.2);}
.news .top .infobox {float: right;width: 342px;height: 100%; position: relative;}
.news .top .infobox .tit {display: block; width: 100%; height: 35px; overflow: hidden; text-align: center;white-space: nowrap; text-overflow: ellipsis;}
.news .top .infobox .tit a{  color: #555;  text-decoration: none; font-size: 15px; line-height: 35px;  }
.news .top .infobox .tit a:hover { color: #f30;}
.news .top .infobox .txt {height:72px;font-size:12px;line-height:24px;color: #999;overflow: hidden; position: relative; text-indent: 15px; padding-top: 10px}
.news .list { position: relative; padding: 10px 5px;}
.news .list ul{display: block;width: 100%;}
.news .list ul li{display: block; width: 100%; height:36px;font-size: 14px;position: relative; line-height: 36px; float: left }
.news .list ul li .yx {position: absolute;top: 0;left: 15px;width: 100px;color: #888;}
.news .list ul li .ico-triangle {left: 5px; top: 15px;}
.news .list .tit {display: block;width: 80%;position: absolute;left:20px; color: #555; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-decoration: none; height:36px}
.news .list .tit:hover {color: #f30;}
.news .list .time {display: block;position: absolute;font-size: 12px;right: 12px;color: #a8a8a8; }
.news .ico-triangle {left: 0;top: 8px;}

/*通知公告*/
.notice {width:400px;height:415px;overflow: hidden;float: right;background-color: #fff;}
.notice  ul{display: block;width: 100%;}
.notice  ul li {display: block;padding: 12px 6px;height: 70px;overflow: hidden;border-bottom: 1px solid #ddd; float: left}
.notice .time {width: 56px;height: 70px;float: left;overflow: hidden;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-style:italic;font-size: 14px;font-weight: bold;line-height: 35px;text-align: center;}
.notice .time .day {display: block;width: 100%;height: 50%;color: #fff;background-color:#464569;}
.notice .time .month {display: block;width: 100%;height: 50%;color: #333;background-color: #e8e8e8; }
.notice .infobox{ width:300px;  margin-left:20px;}
.notice .tit {display: block;font-weight: bold;font-size: 14px;line-height: 30px;text-decoration: none;color: #555;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;}
.notice .tit:hover {color: #f30;}
.notice .summary {display: block;position: relative;height:48px;font-size: 12px;line-height: 24px;text-indent: 14px;color: #999;overflow: hidden;}
.notice .summary .ico-triangle {left: 5px;top: 7px;}


/*ad*/
.ad {width: 100%; overflow: hidden;text-align: center;}
.ad a {display: block;width: 100%;margin: 0 auto;}
.ad a img {display: block;width: 100%;margin: 0 auto;}

/*media*/
.media{ width:100%; }
.media .picture,.media .video,.media .special{display: block; float: left; }

.media .picture{width:321px;margin-right: 15px;}
.media .video{width:321px;margin-right:15px;}
.media .special{width:322px;}
.media-list,.video-list,.special-list{ width:100%;}

.media-list ul {  margin: 0 10px 0;  zoom: 1;}
.media-list ul li {border-bottom: 1px solid #ddd;position: relative;height: 36px;line-height: 36px }
.media-list ul li a {color: #999}
.media-list .pic_img { width:100%;  position: relative; background-color: #000;}
.media-list .pic_img img {width: 298px;height: 224px;vertical-align: middle; transition: all 0.5s;}
.media-list .pic_img:hover img{opacity: 0.5;filter:alpha(opacity=50);}
.media-list .pic_img a{position: absolute;width:50px;height:50px;left:124px;top:87px;text-decoration: none;color: #fff;font-size:45px;opacity: 0;filter:alpha(opacity=0);transition: all 0.5s;  line-height: 50px}
.media-list .pic_img:hover a{ opacity: 1;filter:alpha(opacity=100);}
.media-list .pic_info { line-height: 32px; text-align: center; font-size: 12px;color: #999;}
.media-list .pic_info a {text-decoration: none; color: #999;}
.media-list .pic_info a:hover{color: #f30}
.media-list .pic_info a i{ font-size:15px; vertical-align: middle; color: #f80}
.media-list ul li p {width: 100%; clear: both; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; cursor: pointer; }
.media-list ul li p:hover{color: #f30;}
.media-list .dis_pi {display: none }
.media-list ul .last {border-bottom: 0;}
.media-list .on {height: 300px;position: relative;width: 298px;line-height: 30px;margin-top: 10px}
.media-list .on .dis_pi {display: block}
.media-list .on p{font-weight: bold;color: #555}

.special-list ul{margin: 0 10px 0;  zoom: 1;}
.special-list ul li{height: 130px; margin-top:10px;}
.special-list ul li img{ width:100%; height:121px;}


/*flink*/
.flink {position: relative; width: 100%; }
.link {width: 100%;margin: 12px auto;height: auto;overflow: hidden;border: 1px solid #d8d8d8;border-bottom: none; background-color: #fff;}
.link ul {height: auto;overflow: hidden;width: 1006px;margin: 0 auto;}
.link li {width: 143px;float: left;margin-left:-1px;border-right: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;padding: 10px 12px;}
.link .grayscale {display: block;float: left;width: 100%;height: 100%;overflow: hidden;text-align: center;}
.grayscale img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.grayscale:hover img {-webkit-filter: grayscale(0); -moz-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}

/*footer*/
footer {max-width: 1920px;height: 158px;margin: 0 auto;background-color: #338ad1; min-width: 1000px}

.footer {position: relative; width: 1000px;height: 100%;margin: 0 auto;color: #fff; }
.footer .l, .footer .r {width: 50%;height: 100%;overflow: hidden; float: left;}
.footer .r{ float: right;}
.footer .info-foot {display: block;float: left;margin-left: 18px;padding-top: 12px; }
.footer .info-foot a{ color: #fff; text-decoration: none }
.footer .info-foot dt {font-size: 13px;margin-bottom: 6px;}
.footer .info-foot dd {font-size: 12px;line-height: 20px;}
.footer .info-foot .Hui-iconfont {display: block;float: left;width: 20px;font-size: 16px;margin-right: 12px;color: rgba(255, 255, 255, 0.8);}
.footer .wx {float: right;padding-right: 20px;padding-top: 12px;}
.footer .wx img {width: 118px;height: 118px;}
.footer .wx p {text-align: center; line-height:28px; }
.copyright {width: 100%;padding: 5px 0;font-size: 12px;background-color: #183e61; }
.copyright p {display: block;width: 1000px;margin: 0 auto;text-align: center;color: #fff;}


/*--------学院概况--------*/

.cover-bg{ height:240px; position: relative; margin: 10px 0;}
.cover-bg .cover-ico{position: absolute;width:200px;height:60px;left:0;top:50%;margin-top:-30px;z-index:2;font-size:30px;color: #fff;text-align: center;line-height:60px;border-top-right-radius:10px;border-bottom-right-radius:10px;background-color: rgba(0,0,0,0.5)!important;background-color: #000;filter:alpha(opacity=50);}
.about-bg{ background: url(../img/about/banner_ab.jpg) center center no-repeat;}
.yxdh-bg{ background: url(../img/yxdh/banner_dh.jpg) center center no-repeat; }
.life-bg{ background: url(../img/life/life.jpg) center center no-repeat; }
.cover-nav {text-align: center;}
.cover-nav span{font-size:20px;color: #555;font-weight: bold}
.about-list{ width:100%; overflow: hidden; padding-top: 20px}
.about-list li{width: 33.3%;margin-bottom: 30px;float: left;_display: inline;}
.about-list li figure{background: #eee;height: 300px;margin: 0 15px;}
.about-list li figure img{width:100%;}
.about-list li figure  p{color: #777;padding: 0 30px 0 30px;font-size: 12px;line-height: 20px;}
.about-list li figure figcaption{display: block;padding: 1.2em 30px 0 30px;}
.about-list li figure figcaption a{color: #22132d;font-size: 16px;line-height: 22px;padding: 0.3em 0 0.5em 0;display: block;}
.about-list li figure .map{ padding:10px 0;}
.about-list li figure .map a{display: block;float: left;font-size:16px;width:50%;text-align: center;}
.about-list li figure .map a:hover{color: #f30;}
/*--------概况内容--------*/

.about-nav{width:200px;padding:10px 0;text-align: center;background-color: #fff;}
.about-nav h2{font-size:16px;color: #555;}
.about-nav ul{width:100%;}
.about-nav ul li{padding:10px 0;margin: 10px 0;background-color: #999;position: relative;}
.about-nav ul .on,.about-nav ul li:hover{background-color: #338add;}
.about-nav ul .on:after{content: '';position: absolute;width:0;height:0;right:45px;top:17px;color: #fff;border: 5px solid #338add;border-left-color: #fff;border-right: none;}
.about-nav ul li a{display: block;width:100%;color: #fff;font-size:14px;text-decoration: none; }
.about-article{width:780px;padding:10px 0;min-height:600px;}
.about-article .tit{font-size:18px;text-align: center;border-bottom: 1px solid #ddd;padding:15px 0;color: #f30; }
.about-article article{ padding:10px;}
.about-article p{font-size:15px;padding:5px;line-height:2;}

/*--------院系导航--------*/

.yxdh-list { width:100%;background-color: #fff;padding:100px 0 ; }
.yxdh-list li{height:100px;text-align: center;position: relative;border-top: 1px dashed #aaa;}
.yxdh-list .yx-info{position: absolute;width:320px;left:50%;margin-left:-180px;top:-50px;overflow: hidden;background: #fff;padding:0 20px; border: 1px solid #f0f0f0}
.yxdh-list .yx-info dt{background-color: #000;width:158px; }
.yxdh-list .lista .yx-info dt{float: right; }
.yxdh-list .listb .yx-info dt{ float: left;}
.yxdh-list .yx-info img{width:100%;}
.yxdh-list .yx-info dd{width:71px;text-align: center;line-height:55px; }
.yxdh-list .lista .yx-info dd{ float: right; margin-right:10px; }
.yxdh-list .listb .yx-info dd{ float: left; margin-left:10px;}
.yxdh-list .yx-info dd a{color: #333;font-size:13px;line-height:30px; }
.yxdh-list .yx-info dd a:hover{ color: #F30;}
.yxdh-list .lista{ width:498px; border-right: 1px solid #ddd; clear: both; *float: none;}
.yxdh-list .listb{width:498px;border-left: 1px solid #ddd;clear: both;margin-right:1px;}
.yxdh-list .lista i,.yxdh-list .listb i{position: absolute;width:20px;height:20px;font-size:20px;right:-10px;top:-15px;color: #add;}
.yxdh-list .listb i{ left:-10px; top:-15px; color: #dda;}