* { margin: 0;padding: 0;box-sizing: border-box;}
a {text-decoration: none;}
body{width: 100%;margin: 0 auto;font-family: "Microsoft YaHei";}
img {background: none;border: none;}

.top{width: 100%;height: 600px;border-top: 2px solid #2C9BD2;margin: 0 auto;}
.top .logo{background: url(../images/logo.png)no-repeat;margin-top:30px;width: 800px;height: 150px;margin-left: 320px;}
.top .bg {background: url(../images/bg01.jpg)no-repeat;width:1280px;height: 400px;margin-top: 30px;margin: 25px auto;}
/*.top .search{background-image: url(../images/search_bj.png);width: 300px;height: 40px;float: right;margin-top: -160px;margin-right: 320px;}*/
.top .search input{width: 300px;height: 40px;border-radius: 50px;outline:none; float: right;margin-top: -110px;margin-right: 320px;border: 1px solid rgba(0,0,0,.1);font-size: 16px;}
.top .search img {float: right;margin-top: -100px;margin-right: 333px;}


.nav { height: 50px;width: 100%;margin: 0 auto;background-color: #2c9bd2;text-align: center;border-radius: 4px;z-index: 10;margin-top: -418px;min-width: 1280px;}
.nav>ul {width: 1400px;margin: auto;position: relative;}
.nav ul li{list-style: none;float: left;width: 116.37px;}
.nav ul>li:hover{background: #5988a6;}
.nav ul li a{display: block;line-height: 50px;font-size: 16px;color: #fff;text-decoration: none;font-weight: 700;}
.nav ul li>ul{display: none;position: absolute;top: 50px;background: rgba(44,155,210,.7);width: 1900px;height: 100px;left: -320px;}
.nav ul li ul .li-con{width: 1280px;height: 200px;margin-left: 320px;margin-top: 29px;}
.nav ul li:hover ul{display: block;}
.nav ul li ul .li-con li{list-style: none;width: 116.37px;/*border-top: 1px solid rgba(51,133,255,.8);*/text-align: center;}
.nav ul li ul .li-con li a{text-decoration: none;line-height: 45px;font-size: 14px;color: #fff;font-weight: 700;}
.nav ul li ul .li-con li a:hover{color: #00438C;}


.main{position:relative;top: o;left: 0;bottom: 0;right: 0;margin: auto; width: 100%;height: auto;}

.content {width: 1280px;height:850px; margin: 0 auto;margin-top: 390px; /*border-top: 2px solid #5988a6;background: #f0f0f0;*/}
/*内容的上面部分*/
.content .con-top{width: 1280px;height: 400px;/*margin-top: 10px;*/}
.content .con-top .banner{width: 512px;height: 400px;float: left;/*border: 1px solid #333;*/}
#banner {position: relative;width: 100%;height: 400px;/*border: 1px solid #666;*/overflow: hidden;}
#banner_list img {border: 0px;width: 512px;height: 400px;}
#banner_bg {margin: 0 auto;position: absolute;bottom: 0;/*right: 50%;*/background-color: #333;height: 30px;filter: Alpha(Opacity=30);opacity: 0.3;z-index: 1000;cursor: pointer;width: 512px;}
#banner_info {text-align: left;position: absolute;bottom: 4px;left: 6px;height: 22px;color: #fff;z-index: 1001;cursor: pointer;width: 500px;margin: 0 auto;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#banner ul {position: absolute;list-style-type: none;filter: Alpha(Opacity=80);opacity: 0.8;z-index: 1002;margin: 0 auto;padding: 0;bottom: 8px;padding-left: 408px;height:12px;top: 2px;}
#banner ul li {	float: left;font-size: 0;list-style: none;width: 12px;height: 12px;background: #fff;float: left;margin-right: 8px;margin-top: 10px;border-radius: 50%;line-height: 12px;}
#banner ul li.on {background-color: #2c9bd2;}
#banner_list a {position: absolute;}

.content .con-top .news {width: 728px;height: 400px;float: right;/*border: 1px solid #333;*/}
.content .con-top .news .news-title{height: 45px;/*background: #2c9bd2;*/border-bottom: 1px solid #2c9bd2;margin-left: 5px;}
.content .con-top .news .news-title .new-note{float: left;border-radius: 10px;margin-left: -7px; /*padding-left: 30px;*/text-align: center; width: 128px;border-bottom: 2px solid #2c9bd2; background: #2c9bd2;color: #fff; font-size: 18px;line-height: 43px;}
.content .con-top .news .news-title .new-more{float: right;font-size: 14px;color: #2c9bd2; line-height: 43px;}
.content .con-top .news .news-title .new-more a {color: #2c9bd2;}
.content .con-top .news .news-con {height: 370px;margin-top: 12px;}
.content .con-top .news .news-con ul li{width: 728px;margin-left: 20px;line-height: 37px;list-style: square;}
.content .con-top .news .news-con ul li a {float: left;text-decoration: none;color: #333;font-size: 14px;width: 650px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.content .con-top .news .news-con ul li a:hover{color: #2c9bd2;}
.content .con-top .news .news-con ul li p {float: right;margin-right: 30px;font-size: 14px;}
/*内容的下面部分*/
.content .con-foot {width: 1280px;height: 400px;margin-top: 20px;}
/*通知公告开始*/
.content .con-foot .notice {height: 400px;width: 400px;float: left; /*border: 1px solid #333;*/}
.content .con-foot .notice .notice-title{height: 45px;border-bottom: 1px solid #2c9bd2;margin-left: 5px;}
.content .con-foot .notice .notice-title .notice-note{float: left;border-radius: 10px;margin-left: -7px; /*padding-left: 30px;*/text-align: center; width: 128px;border-bottom: 2px solid #2c9bd2; background: #2c9bd2;color: #fff; font-size: 18px;line-height: 43px;}
.content .con-foot .notice .notice-title .notice-more{float: right;font-size: 14px;color: #2c9bd2; line-height: 43px;}
.content .con-foot .notice .notice-title .notice-more a {color: #2c9bd2;}
.content .con-foot .notice .notice-con ul li{width: 380px;margin-left: 20px;line-height: 37px;list-style: square;}
.content .con-foot .notice .notice-con ul li a {float: left;text-decoration: none;color: #333;font-size: 14px;}
.content .con-foot .notice .notice-con ul li a:hover{color: #2c9bd2;}
.content .con-foot .notice .notice-con ul li p {float: right;font-size: 14px;}
/*通知公告结束*/

/*学院新闻开始*/
.content .con-foot .trends {height: 400px;width: 400px; float: left;/*border: 1px solid #333;*/margin-left: 40px;}

.content .con-foot .trends .trends-title{height: 45px;border-bottom: 1px solid #2c9bd2;margin-left: 5px;}
.content .con-foot .trends .trends-title .trends-note{float: left;border-radius: 10px;margin-left: -7px;/*padding-left: 30px;*/text-align: center; width: 128px;border-bottom: 2px solid #2c9bd2; background: #2c9bd2;color: #fff; font-size: 18px;line-height: 43px;}
.content .con-foot .trends .trends-title .trends-more{float: right;font-size: 14px;color: #2c9bd2; line-height: 43px;}
.content .con-foot .trends .trends-title .trends-more a {color: #2c9bd2;}
.content .con-foot .trends .trends-con ul li{width: 380px;margin-left: 20px;line-height: 37px;list-style: square;}
.content .con-foot .trends .trends-con ul li a {float: left;text-decoration: none;color: #333;font-size: 14px;}
.content .con-foot .trends .trends-con ul li a:hover{color: #2c9bd2;}
.content .con-foot .trends .trends-con ul li p {float: right;font-size: 14px;}
/*学院新闻结束*/

/*精彩视频开始*/
.content .con-foot .vidio {height: 400px;width: 396px;float: right; /*border: 1px solid #333;*/}
.content .con-foot .vidio .vidio-title{height: 45px;width: 396px;border-bottom: 1px solid #2c9bd2;margin-left: 5px;}
.content .con-foot .vidio .vidio-title .vidio-note{float: left;border-radius: 10px;margin-left: -7px;/*padding-left: 30px;*/text-align: center; width: 128px;border-bottom: 2px solid #2c9bd2; background: #2c9bd2;color: #fff; font-size: 18px;line-height: 43px;}
.content .con-foot .vidio video{width: 396px;height: 300px;}

.link {/*margin-left: 320px;*/ height: 46px; border-bottom: 1px solid #2c9bd2;width: 1280px;margin: 0 auto;}
.link p {display: block;text-align: center;line-height: 50px; width: 128px; height: 45px;background: #2c9bd2;color: #fff;border-radius: 10px;margin-left: -10px;}
.link .link-con{height: 50px;margin-left: 160px;margin-top: -26px;}
.link .link-con select{width: 150px;height: 26px; padding-left: 40px;margin-left: 20px;border-radius: 8px;outline: none;position:relative;top:10%;transform:translateY(-50%);}

.foot {width: 100%;height: 150px;background: #2C9BD2;margin-top: 20px;}
.foot p {font-size: 14px;line-height: 36px;color: #fff;text-align: center; }