* { margin:0; padding:0; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px; box-sizing: border-box;}
html{ background: #fff; }
a{ text-decoration: none; }
body { color:#383838; width:100%; cursor:default; margin:0 auto; padding:0; height:auto; font-size:16px; }
ol, ul, li, dl, dd, dt { list-style:none; }
.float{ float:left;}
.floatr{ float:right;}
.clear{ clear:both; height:1px; overflow:hidden;}
.margin_20{ margin-top: 20px; }

/* 欢迎 */
.welcome{width: 100%;height: 50px;background: #2296f3;}
.welcome div{width:1200px;display: flex;justify-content: space-between;margin: 0 auto;align-items: center;}
.welcome p{line-height: 50px;font-size: 14px;color:#fff;}
.welcome a{display: flex; align-items: center;}
.welcome img{margin-right: 5px;}
.welcome span{line-height: 50px;font-size: 14px;color:#fff;}

/* top */
.top{ width: 100%; height:150px;background:#1976d2;}
.top .logo{ width: 1200px; height:150px;margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.top .logo_left1 img{ width: auto; height:70px; }
.top .logo_left2{ display: none;}
.top_right{width: auto;height: 150px;display: flex;flex-flow: column;justify-content: center;align-items: center;}
.top_right .query{ width: 320px; height: 40px; background:#fff; border-radius: 40px; padding: 8px; display: flex; align-items: center; justify-content: space-between; }
.top_right .query input{ width: 260px; height: 40px; line-height: 40px; border-radius: 40px; background: none; border: none; color: #5e321a; padding: 0 15px; }
.top_right .query a img{ width:20px; height: auto; display: block;margin-right: 10px;}
.top_right .yx{width:80%; height:auto;margin-top: 15px;}

/* 导航栏 */
.nav{ width: 100%; height:60px;background: #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.30);}
.yd_nav{ display:none; }
.yd_nav_content{display:none;}

/* 通栏轮播 */
#slider{width:100%;height:500px;overflow: hidden; position: relative; }
.slide{ width:100%; height:100%; background-size:cover; background-position:center; position:absolute; top:0; left:0; opacity:0; transition:opacity 1s ease-in-out; } 
.slide.active{opacity:1;}

/* 背景 */
.mainContent{width:100%;background:url(../img/bg.png) no-repeat center 100%;background-size:1920px auto;display:flex; flex-direction:column;align-items:center;padding-bottom:40px;}

/* 新闻动态 */
.news{ width: 1200px; height: auto; margin: 40px auto 0 auto; display: flex; align-items:flex-start; justify-content: space-between;flex-wrap: wrap;}
.yx-rotaion{width:600px; height:380px; overflow:hidden; }
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:50px;line-height:50px; background:rgba(40, 80, 154, 0.9);
     left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#eee;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0px;left:15px;line-height:50px; text-decoration:none;
      width:420px; overflow:hidden; height:50px;  display:inline-block;text-overflow: ellipsis;white-space: nowrap;}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../img/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:50px;line-height:50px;right:20px;bottom:0px;z-index:2}
.yx-rotation-focus span{width:8px;height:8px;line-height:8px;float:left;margin-left:10px;position:relative;top:21px;cursor:pointer;background-position:-29px -128px;text-indent:-9999px;}
.yx-rotation-focus span.hover{ width:18px; height: 8px; background-position:-5px -128px; top: 21px;}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative;}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.rotaion_list{width:0;height:0;overflow:hidden;}
.yx-rotaion img{width:600px; height:380px; display: block;}

.xwdt{ width: 570px; height: auto; }
.xwdt_title{ width: 100%; height: 60px; background: url(../img/title.png) no-repeat center center; display:flex;justify-content: space-between;margin-bottom: 10px;}
.xwdt_title p{ width:auto; height:60px;line-height:60px; font-size: 20px;color: #173887; display: block; margin-left: 20px; }
.xwdt_title a{ width:auto; height:60px;line-height:60px;font-size:14px;color: #173887; display: block; margin-right: 20px; }
.xwdt_title a:hover{text-decoration:underline;}

.xwdt li{ width: 100%; display: flex; align-items: center; justify-content: space-between;border-bottom:1px solid #dbdbdb;}
.xwdt li a{ width:80%;line-height:50px; font-size: 16px; color:#333333;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.xwdt li span{line-height:50px; width: 13%;  font-size: 16px; color: #2c4c98; text-align: right; }
.xwdt li a:hover{ color:#1976d2; }
.xwdt li::before {content: "•";color: #1976d2;font-size: 20px; margin-left:10px;}

/* 党建、教研、校企 */
.news:nth-child(2){margin:20px auto 0 auto; }
.news_cont{ width:380px; height: auto;}
.news_cont .title{width: 100%; height:50px; display:flex;justify-content: space-between;margin-bottom:30px;border-bottom:1px solid #173887;}
.news_cont .title p{ width:auto; height:50px;line-height:50px; font-size: 20px;color: #173887; display: block;border-bottom:3px solid #173887;}
.news_cont .title a{ width:auto; height:50px;line-height:50px;font-size:14px;color: #173887; display: block; }
.news_cont .title a:hover{text-decoration:underline;}
/* 党建动态 */
.djdt_list{width:100%; height:auto;}
.djdt_list li{ width:100%; height: 74px;background: #ffffff; padding:15px;border-left:4px solid #fbb123;margin-top: 20px;display: flex; }
.djdt_list li span{width:17%; color: #173887;font-size: 10px; text-align: center;border-right:1px solid #c0c9d2;padding-right: 15px;}
.djdt_list li span i{width:auto; color: #173887;font-size: 20px; text-align: center;display: block;font-style: normal;} 
.djdt_list li a{ width:83%;font-size: 16px;line-height: 22px; color: #333333; padding-left:15px;
       box-sizing: border-box;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.djdt_list li a:hover{color: #1976d2;}
/* 教研活动 */
.jyhd_list{width:100%; height:auto;background: #ffffff; padding:17px 15px;}
.jyhd_list li{ width:100%;display: flex;justify-content: space-between;}
.jyhd_list li a{ width:78%;font-size: 16px;line-height: 46px; color: #333333;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.jyhd_list li span{width:12%; color: #173887;font-size: 14px;line-height: 46px; text-align:right;}
.jyhd_list li::before {content: "•";color: #1976d2;font-size: 20px; margin-left:5px;line-height: 45px;}
.jyhd_list li a:hover{color: #1976d2;}
/* 校企合作 */
.xqhz_list{width:100%; height:auto;}
.xqhz_list li{ width:100%; height: 74px;background: #ffffff; padding:15px;margin-top: 20px;display: flex;border-top-left-radius:25px;border-bottom-right-radius:25px;}
.xqhz_list li span{width:17%; color: #173887;font-size: 10px; text-align: center;border-right:1px solid #c0c9d2;padding-right: 15px;}
.xqhz_list li span i{width:auto; color: #173887;font-size: 20px; text-align: center;display: block;font-style: normal;} 
.xqhz_list li a{ width:83%;font-size: 16px;line-height: 22px; color: #333333; padding-left:15px;
       box-sizing: border-box;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xqhz_list li a:hover{color: #1976d2;}

/* 团学活动 */
.news:nth-child(3){margin:20px auto 0 auto; }
.txhd{ width:1200px; height: auto;margin: 0 auto;}
.txhd .title{width: 100%; height:50px; display:flex;justify-content: space-between;margin-bottom:30px;border-bottom:1px solid #173887;}
.txhd .title p{ width:auto; height:50px;line-height:50px; font-size: 20px;color: #173887; display: block;border-bottom:3px solid #173887;}
.txhd .title a{ width:auto; height:50px;line-height:50px;font-size:14px;color: #173887; display: block; }
.txhd .title a:hover{text-decoration:underline;}

.txhd li{width:285px;height: 235px;display: inline-block;background: #f7f7f7;text-align: center;margin-right:15px;}
.txhd li img{width:285px;height:190px;object-fit: contain;display: inline-block;}
.txhd li a{width:100%;font-size: 16px;line-height: 45px;height: 45px;background: #ffffff;padding: 0 15px;color: #333;display: inline-block; text-decoration: none;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.txhd li:nth-child(4){margin-right:0px;}
.txhd li a:hover{color: #1976d2;}

/* 友情链接 */
.foot{ width: 100%;background: #1976d2;}
.yqlj{ width: 100%; height:86px; background: #2296f3;  }
.yqlj_content{ width: 1200px; height:86px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; }
.yqlj_content select{ width: 285px; height: 45px; line-height: 45px; padding: 0 10px;font-size: 15px;box-sizing: border-box; border: none; background: #f6efe2; color: #5e321a; border-radius: 5px; outline: none;  }
.yqlj_content select option{color: #888;}
.foot .bottom{ width:1200px;height:auto;text-align:center;line-height:30px;font-size:16px;color:#000;padding:30px 0;display:flex;align-items:center;justify-content:space-between;margin: 0 auto;}
.foot .bottom p{ width: 100%; text-align: center; font-size: 16px; color: #eee; line-height: 30px; }

@media screen and (max-width: 736px) {
    
    /* 欢迎 */
    .welcome{ display: none; }
    /* top */
    .top{ width: 100%; height:50px; position: relative;background: #ffffff;}
    .top .logo{ width: 100%; height: auto; display: block; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; box-sizing: border-box; }
    .top .logo_left1{ display: none;}
    .top .logo_left2{display: inline-block;}
    .top .logo_left2 img{width: auto; height:30px;margin: 10px 0 5px 0; }
    .top_right{ display: none;}
    /* 导航栏 */
    .nav{ display: none;}
    .yd_nav{display: inline-block; position: absolute; top:0px; right:0px; }
    .nav_btn{width:40px; height: auto; background: none; border: none; float: right; margin: 12px 10px 0 0 ;}
    .nav_btn img{width:35px; height: auto; display: inline-block;}

    /* 通栏轮播 */
    #slider{width:100%;height:180px;overflow:hidden; position:relative; }
    .slide{width:100%; height:100%;background-size:cover; background-position:center; background-size:auto 100%;position:absolute;top:0; left:0; opacity:0;  transition:opacity 1s ease-in-out; } 
    .slide.active{opacity:1;}

    /* 背景 */
    .mainContent{background-size:cover;padding: 0 15px 20px 15px;}

    /* 新闻动态 */
    .news{ width:100%;margin: 20px auto 0 auto; display: inline-block;}
    .yx-rotaion{width:100%; height:200px;}
    .yx-rotaion li{width: 100%;}
    .yx-rotation-title{height:34px;line-height:34px;}
    .yx-rotation-focus span{top: 16px;}
    .yx-rotation-focus span.hover{top: 16px;}
    .yx-rotation-t{line-height:34px;width:75%;height:34px;font-size: 14px;}
    .yx-rotation-focus{height:34px;line-height:34px;}
    .yx-rotaion img{width:100%; height:200px;}

    .xwdt{ width:100%;margin-top: 15px;}  
    .xwdt_title{height:40px; margin-bottom: 10px;}
    .xwdt_title p{height:40px;line-height:40px; font-size:18px;margin-left:10px; }
    .xwdt_title a{height:40px;line-height:40px;font-size:14px;margin-right:10px; }
    .xwdt_title a:hover{text-decoration:underline;}
    .xwdt li a{ width:72%;line-height:50px;}
    .xwdt li span{line-height:50px; width:15%;font-size: 14px;}
    .xwdt li::before {margin-left:10px;}

    /* 党建、教研、校企 */
    .news:nth-child(2){margin:15px auto 0 auto; }
    .news_cont{ width:100%;}
    .news_cont .title{height:40px;margin-bottom:20px;}
    .news_cont .title p{height:40px;line-height:40px; font-size:18px;}
    .news_cont .title a{ height:40px;line-height:40px;}
    /* 党建动态 */
    .djdt_list li span{width:20%;padding-right: 12px;}
    .djdt_list li a{ width:80%;font-size: 16px;line-height: 22px; color: #333333; padding-left:12px;}
    /* 教研活动 */
    .news_cont:nth-child(2){margin:15px auto 0 auto; }
    .jyhd_list{padding:15px;}
    .jyhd_list li a{ width:82%;line-height: 45px;}
    .jyhd_list li span{width:15%;line-height: 45px;}
    .jyhd_list li::before {display: none;}
    /* 校企合作 */
    .news_cont:nth-child(3){margin:15px auto 0 auto; }
    .xqhz_list li span{width:20%;padding-right: 12px;}
    .xqhz_list li a{ width:80%;padding-left:12px;}

    /* 团学活动 */
    .news:nth-child(3){margin:15px auto 0 auto; }
    .txhd{ width:100%;}
    .txhd .title{height:40px;margin-bottom:20px;}
    .txhd .title p{height:40px;line-height:40px; font-size:18px;}
    .txhd .title a{ height:40px;line-height:40px;}
    .txhd li{width:100%;height:auto;margin-right:0px;margin-bottom: 15px;background:#f7f7f7;}
    .txhd li img{width:100%;height:150px;}
    .txhd li a{width:100%;line-height: 40px;height: 40px;}

    /* 友情链接 */
    .yqlj{display: none;}
    .foot .bottom{ width:100%;display: inline-block;padding:15px 20px;}
    .foot .bottom img{margin: 15px 0;}



}