﻿
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, form, button, input, textarea
    { margin:0; padding:0; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px;}
html{background: #fff;}
body { color:#383838; width:100%; cursor:default; margin:0 auto; padding:0; height:auto; font-size:16px; font-family: "微软雅黑";}
body a{transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;  -ms-transition: 0.5s all ease;  }
    h1, h2, h3, h4, h5, h6 { font-size:16px; font-family: "微软雅黑";}
    ol, ul, li, dl, dd, dt { list-style:none; }
    i, em, cite { font-style:normal; }
    table { border-collapse:collapse; }
    button { cursor:pointer; font-size:12px; }
    fieldset, img, input, button { border:0; } 
    address, caption, th, em { font-weight:400; }
    .float{ float:left;}
    .floatr{ float:right;}
    .d{ display:inline;}
    .db{ display:inline-block;}
    *{ box-sizing: border-box; }
    *{margin:0;padding:0;list-style-type:none;}
    .clear{ clear:both; height:1px; overflow:hidden;}




.mainTop{ width: 100%; height: auto; background-size: 100% 100%;}
.topBox{ width: 1200px; height: 48px; margin: 0 auto; display: flex; justify-content: space-between;align-items: center;}
.topLeft,.topRight,.topLeft p,.topRight a{color: #666; font-size: 14px;display: flex;}
.topLeft p{font-size: 14px;text-decoration: none;margin-left:20px;width: auto;}
.topRight a{ font-size: 14px;text-decoration: none;margin-left:20px;width: 100px;}
.topRight img{ margin-right:5px;}
.searchBox{width:1200px;height: 146px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.searchCon{width: 422px;height: 42px;background:rgb(175, 175, 175, 0.06); border-radius: 21px;display: flex;box-shadow: 0px 0px 5px 3px #f5f5f5;}
input.searchTxt{display: inline-block;float: left;width: 358px;height: 42px;background: none;outline: none;font-size: 16px;color: #888888;padding:0 0 0 34px;}
input.searchBtn{display: inline-block;float: right;width: 66px;height: 42px;background: url('../img/searchBtn.png') no-repeat 24px 50% #7e1718;border-radius: 21px;}

.nav{ width: 100%; height: 65px; background: #7b1c1d; }

/* 公共内容区 */
.content { width: 1230px; margin: 0 auto; }
.nav{ width: 100%; height: 65px; background: #7b1c1d; }
.nav .nav_content{ width: 1200px; height: 65px; display: flex; align-items: center; justify-content: space-between;  margin:  0 auto;  }

/* banner */
.swiper-container .swiper-slide a{width:auto; height: 560px; display:block; margin: 0 auto; }

/* 通知公告 */
.not {width: 100%;height: auto;padding-bottom: 34px;position: absolute;z-index: 999;top: 760px;}
.not_con {width: 1200px;height:110px;margin: 0 auto;background: #fff;box-shadow: 6px 0 13px rgb(253, 231, 232, 0.36);display: flex;justify-content: space-between;}
.not_img1 {height: auto;display: inline-block;margin: 22px;}
.list{width: 1068px;}
.list ul {display: flex;}
.list ul li {width:276px;height: 66px;margin: 22px 36px;font-size: 16px;color: #333;text-decoration: none;line-height: 20px;}
.list ul li a {width:276px;font-size: 16px;color: #333;text-decoration: none;line-height: 22px; height:44px;
              overflow: hidden;text-overflow: ellipsis; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.list ul li a:hover{color: #7b1c1d;}
.list ul li span {font-size: 16px; color: #999; line-height: 30px; background: url(../img/time.png)  no-repeat 0px 50%; padding-left: 26px;}

  /* 新闻信息 */
.new {width: 1200px;height: 340px;margin: 0 auto;margin-top: 84px;}

.yx-rotaion { height: 340px;display: inline-block;overflow:hidden;}
.rotaion_list {width: 100%;height: 100%;overflow:hidden;}
.yx-rotaion li a img {width: 100%;height: 100%;display: inline-block;}
.yx-rotaion li{width: 100%;height: 100%;display: inline-block;}
.yx-rotaion li a{width: 100%;height: 100%;display: inline-block;}
.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: 40px;line-height: 40px;background: #000;filter: alpha(opacity=40);-moz-opacity: 0.4;
    -khtml-opacity: 0.4;opacity: 0.4;left: 0;bottom: 0;_bottom: -1px;z-index: 1;}
.yx-rotation-t { color: #fff;font-size: 16px;font-family: microsoft yahei;z-index: 2;bottom: 0;left: 10px;line-height: 40px;width: 60%;text-overflow: ellipsis;white-space: nowrap;
    overflow: hidden;text-decoration: none;}
.yx-rotation-focus span,.yx-rotaion-btn span {background:url(../img/ico.png) no-repeat;display:block;}
.yx-rotation-focus {height: 40px;line-height: 40px;right: 20px;bottom: 0;z-index: 2;}
.yx-rotation-focus span {width: 20px;height: 20px;line-height: 12px;float: left;position: relative;top: 14px;cursor: pointer;background-position: -23px -126px;text-indent: -9999px;}
.yx-rotation-focus span.hover {background-position: -3px -126px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.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 .left_btn {background-position: -2px -2px;float: left;left: 10px;}
.yx-rotaion-btn .right_btn { background-position: -2px -49px; float: right; right: 10px;}
.yx-rotaion-btn span.hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}

.new_list {height: 340px;overflow: hidden;}
.new_list ul { width: 100%; display: inline-block;}
.new_list li.first { padding-left: 3%; background: #fafafa; height: 107px; width: 586px; padding:14px 22px; margin-bottom: 9px;}
.new_list li.first a {  width: 100%;  font-size: 18px;  line-height: 40px;  color: #333;  font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new_list li.first p { width: 100%; font-size: 14px; line-height: 20px; color: #a9a9a9; text-indent: 2em; text-overflow:ellipsis;  overflow: hidden;
    word-break: break-all;  display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;  text-overflow: -o-ellipsis-lastline;}
.new_list li { width: 100%; background: url(../img/point.png) no-repeat 5px 50%; padding-left: 5%; height: 38px; float: left; overflow: hidden;}
.new_list li a { color: #666666; font-size: 16px; line-height: 38px; display: inline-block; float: left; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.new_list li span { width: 20%; line-height: 38px; text-align: right; color: #999; float: right; display: inline-block;}

/* 成果 */
.achieve {display: flex;justify-content: space-between;padding-bottom: 36px;margin-top: 36px;}
.com_top{ width:380px; height: 166px;position: relative;}
.com_top p{width: 93px;height: 25px;border-radius: 12.5px;background-color: #fff;color: #0ab2fc;font-size: 14px;text-align: center;line-height: 25px;position:absolute;bottom: 26px;left: 22px;}
.com_top p:hover{font-weight:500;text-decoration: underline;}
.com { width:380px; background-color: #eaf3ff; padding-bottom: 20px;}
.com_ul {width:360px; display: inline-block;color: #333333;font-size: 14px;vertical-align: top;margin: 20px 10px 0 10px;}
.com_ul li { list-style: disc; margin-left: 30px;}
.com_ul li a { display: inline-block; width: 84%; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333333; 
    font-size: 16px; line-height: 40px; padding-left: 10px;}
.com_ul li span {color: #333333;font-size: 16px;line-height: 40px;}

/* 不忘初心 */
.xc{margin-bottom: 36px;}
.xc img{ width: 100%; height: auto;}
/* 校园简介 */
.introduce{margin-bottom:30px;}
.title_top{ display: flex; justify-content: space-between;}
.title_top a{ margin-right: 10px; color: #7f7e7e; font-size: 15px;}
.title_con {  margin-top:24px;}
.title_con p{ font-size:16px; line-height:32px; text-indent: 2em; color: #333; text-overflow:ellipsis;  overflow: hidden;
    word-break: break-all;  display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;  text-overflow: -o-ellipsis-lastline; margin-left:16px;}
.title_con a{font-size:16px;line-height:30px;text-indent:0;text-decoration:none;color: #7e1718;display: inline-block;margin-left: 8px;margin-top: 4px;}
.title_con a:hover{ text-decoration:underline;}
.title_img {margin-top:12px;display: flex;justify-content: space-between;}
.title_img img{width:180px;height:148px;border-radius: 4px;}
.leader_con { margin-top:24px;}
.lead{ margin-bottom: 15px; display: flex; justify-content: space-between;}
.lead_right{ width: 398px;}
.lead_right h1{ font-size: 20px; font-weight: bold; color: #333; line-height: 32px;}
.lead_right p{ line-height: 28px; font-size: 16px; color: #333; text-overflow:ellipsis;  overflow: hidden; word-break: break-all; 
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: -o-ellipsis-lastline;}
.lead_right i { color: #ff7500;}
.lead_right a{ font-size:16px; line-height: 24px; text-decoration:none; color: #ff8c58; display: inline-block;}
.lead_right a:hover{ text-decoration:underline;}
.lead img{ width: 150px; height: 178px; border-radius: 4px;}
.lead_xx {display: flex;justify-content: space-between;text-align: center;vertical-align: middle;gap:15px}
.lead_xx a { width: 100%; height: 62px; display: inline-block;border: 4px solid #fed8d9; border-radius:7px;text-decoration: none;}
.lead_xx img { width: auto; height: auto; display: inline-block;margin-right: 4%; vertical-align: middle;}
.lead_xx span {font-size: 18px;color: #7e1718;line-height: 54px;vertical-align: middle;}
@media screen and (max-width: 736px){
    .lead_xx {display: flex; justify-content: space-between; flex-wrap: wrap;text-align: center;}
    .lead_xx a { width:100%; height: auto; display: inline-block; border: 2px solid #fed8d9; border-radius: 5px;margin-bottom: 15px;}
    .lead_xx span{font-size: 16px;line-height: 50px;}
}

/* 校园风光 */
.scene{background: url(../img/xyfg_bg.png) no-repeat center;background-size:cover;margin-top: 54px;height:auto;}
.fg_tit{text-align: center;padding-top:42px;align-items: center;}
.fg_tit p{ font-size: 10px; color: #888888;}
.line{ width: 100%; height:1px; background-color: #ffe9e9; margin-bottom: 15px;}
.com_img2 { margin-left: 535px; display: block; margin-top: 15px;}

/* 校园风光 */
.pic{ margin-top:34px; display: flex; justify-content: space-between; margin-bottom: 70px;}
.pic_1{ margin-top:34px; margin-bottom: 70px;}
.lb{ width:630px; height:374px;}
.lb img{ width:100%; height:374px;}
.pict {  width: 100%;  height: auto;}
/* 轮播 */
.swiper-container2 { width: 100%; height: 374px; overflow: hidden;}
.swiper-container2 .swiper-wrapper { height: 374px;}
.swiper-container2 .swiper-wrapper .swiper-slide { height: 374px; position: relative; text-align: center;}
.swiper-container2 .swiper-wrapper .swiper-slide span {  position: absolute;  height: 38px;  line-height: 38px;  width:586px;  background: #000; bottom:0;
    left: 0; right: 0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none;}
.swiper-container2 .swiper-wrapper .swiper-slide a{ font-size: 16px; color: #fff !important; letter-spacing: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.7 !important;}
.swiper-container2 .swiper-slide img { width: 585px;  height: 374px;  display: block; margin: 0 auto;}

.pict li{ height:192px}
.pict li a{width:100%; height: auto; display: inline-block; margin-bottom: 9px;text-align: center;    text-decoration: none;}
.pict li a img{  width: 100%; height: 180px; display: inline-block; float: left;position: relative;}
.pict li a:hover span{ text-decoration: underline;} 
.pict p { position:relative; height: 38px; line-height: 38px; width:263px; background: #000; right:0;bottom:37px;left:0; overflow: hidden;opacity: 0.4; white-space: nowrap; text-decoration: none;}
.pict li a span{position:relative; font-size: 16px;color: #f3f3f3;letter-spacing: 0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;bottom:67px;}


/* 友情链接 */
.db_top{ background: #f3f3f3;}
.yqlj{  padding: 30px 28px;}
.yqlj span{width:50px; height:50px;background: url(../img/lj.png) no-repeat center;display: inline-block;margin-right: 26px;float: left;}
.bottom_list2 {display: inline-block;font-size: 15px;color: #666666;margin-right: 25px;height: 50px;line-height: 50px;}
.db_bott{ height:auto; padding: 34px 28px; display: flex; width:100%; justify-content: space-between;flex-wrap: wrap;}
.db_bott div{ font-size: 15px;color: #8e8d8d;line-height:32px;}
.db_bott div a{  font-size: 15px;color: #8e8d8d;line-height:32px;}
.db_bott div a:hover{text-decoration: underline;color: #7e1718;}
.db_bott p a{width:94px; height: 94px; display: inline-block; float:left; margin: 0 0 0 35px}
.db_bott p a img{width:94px; height: 94px; display: inline-block; float: left;}
.bottom_list2:hover{text-decoration: underline;color: #7e1718;}

/* 内容页 */
.main{  height: auto; margin-bottom: 54px;}
.main_content{width:100%; height: auto; background: #fff;}
.dqwz{width:100%; height:65px; overflow: hidden; padding-left: 20px;}
.dqwz span{width:auto; height: 65px; line-height: 65px; display: inline-block; padding-left: 40px;font-size: 16px;color: #555;background:url(../img/seat.png) no-repeat 0px; float: left;}
.dqwz a{width:auto; height: 65px; line-height: 65px; display: inline-block; font-size: 16px; color: #555; padding: 0 10px;}
.nry{ width:100%;background-color: #fafafa;border: 1px solid #f0f0f0;}
.con{margin:0px 4% 0 4%;}
.nry h4{ width:100%; height: auto; display: block;font-size:28px; line-height: 70px;margin-top: 30px;color:#333;}
.nry h5{display: block;font-size: 22px;line-height: 30px;color: #666;margin-bottom: 12px;}
.nry h6{display: block;font-size: 15px;line-height: 30px;color: #888888;}
.ny_line{ width: 100%;height: 1px;background: #e3e3e3;margin-top: 40px;}
.nry_cont{ padding:20px 0;}
.nry_cont p{margin:30px 0;-webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; 
        font-size: 18px;text-indent:2em;line-height: 40px;letter-spacing: 0;color: #333;}
.nry_cont img{width:70%; height: auto; display:block; margin: 30px auto; padding:0;}
.nry_cont table {
     margin: 0 auto;
     padding: 0;
 }
 
 .nry_cont table,.nry_cont table td,.nry_cont table th {
     border: 1px solid #ccc;
 }

/* 风景列表页 */
.top{ width: 100%;}
.top p{ width:100%; height: 350px; display: block; margin: 0 auto; }
.list_line{position: absolute; width: 100%;height: 1px;background: #e3e3e3;margin-top: 66px;}
.list_img{ width:100%; height: auto; margin: 66px 0 0 0; }
.list_img ul{width:100%; height: auto; display: inline-block; float: right;} 
.list_img ul li{ height: auto; padding: 0 12px; margin-bottom:30px;}
.list_img ul li a{width:100%; height: auto; display: inline-block; position: relative;text-align: center; text-decoration: none;}
.list_img ul li a img{ width:100%; height:234px; display: inline-block; float: left;position: relative;}
.list_img ul li a:hover span{ text-decoration: underline;} 
.list_img p { position: absolute; height: 38px; line-height: 38px; width:366px; background: #000; right:0;bottom:22px;left:0; overflow: hidden;opacity: 0.4; white-space: nowrap; text-decoration: none;}
.list_img ul li span{position:relative; font-size: 16px;color: #fff;letter-spacing: 2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;bottom:30px;}

/*分页*/
.fy{width:100%; height: auto; display:block;margin:20px 0 80px 0; text-align: center;}
.fy a { width: auto; height: 23px; line-height: 23px; display: inline-block; padding: 0 14px; color: #999; font-size: 14px; text-decoration: none; border: 1px solid #999;margin:0 2px ;}
.fy span{font-size: 14px;color: #999;}
.fy a:hover{background: #7e1718;color: #fff;}

/* 二级页面 */
.list_top { width:100%; height:281px; display: block; margin: 0 auto; }
.Sec_menu{width:1200px;height: auto;margin: 0 auto;}
.menu_box{ display:table;margin:0 auto;}
.menu_box p{font-size:34px;font-weight: bold;color: #fff;line-height: 40px;text-align: center;margin: 58px 0 50px 0;}
.menu_box ul{width: 100%;align-items: center;display: flex;}
.menu_box ul li a{width:166px;height: 50px;text-align: center;margin:0 25px;font-size:22px;color: #cecece;line-height: 40px;text-align: center;text-decoration: none;display: inline-block;} 
.menu_box ul li:hover a{border: 3px solid #e1e1e1; border-radius:26px;color:#e1e1e1;} 
.menu_box .now_1{border: 3px solid #fff; border-radius:26px;color:#fff;}

.news_con{ display:inline; float:left; width:100%; height:auto; overflow: hidden;margin: 20px 0 10px 10px;}
.news_con ul{ display:inline-block; width:100%; height: auto; overflow: hidden;}
.news_con ul li{ display: flex;position: relative;}
.news_con ul .time_line{width: 12%; font-size: 14px; color: #999; text-align: center; padding-top: 18px; border-right: 1px solid #ccc;  margin-right: 3%;}
.news_con ul .time_line i{width: 100%; font-size: 48px; color: #444; }
.news_con ul li{ width: 100%; height: auto;margin-bottom: 20px; padding-bottom: 20px;border-bottom: 1px solid #ccc;}
 .news_con  ul li a{ width:85%; height: auto; align-items: center; text-decoration: none;
 background: #fff; padding:10px 0; } 
 .news_con ul li a span{ width:85%;  height: 30px; line-height: 30px; font-size: 20px; color: #333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display: inline-block;}
 .news_con ul li a h4{height: 30px; line-height: 30px; font-size: 16px; color: #888; text-align: right; display: inline-block;position: absolute;right:0;}
 .news_con ul li a p{ width: 100%; height:50px; line-height:25px; color: #888888; font-size: 16px;text-overflow:ellipsis;  overflow: hidden; margin-top:5px;
                     word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: -o-ellipsis-lastline; }
                     .news_con ul .img_list a {width:calc(85% - 170px);}

 .news_con li img{width:160px; height:110px; display: inline-block; float: left; margin-right: 10px; }
 .news_con ul li a h4:hover{color: #7e1718;}
 .news_con ul li a span:hover{color: #7e1718;}

 /*搜索页面*/
.search_top{ width:1170px;height: 50px; margin: 40px 0;}
.search_top input.search_top_txt{ display:inline-block; float:left; width:530px; height:50px; padding:0 24px; border:1px solid #ccc; background:#fff; font-size:16px; margin:0 0 0 265px;border-radius: 7px 0 0 7px;}
.search_top input.search_top_btn{ display:inline-block; float:left; width:110px; height:50px; background:#7e1718; font-size:20px; color:#fff; cursor:pointer;border-radius: 0 7px 7px 0;}

.list_search{width:96%; height: auto;margin: 16px 2% 40px 2%; }
.list_search li{width:100%; height: auto; display: inline-block; float: left; margin-bottom: 20px;  border-bottom: 1px dashed #ccc;background: #f9f9f9;}
.list_search li a{width:96%; height: auto; display: inline-block;margin: 20px 30px;}
.list_search li a span{width:70%; margin-right:118px;  height: 30px; line-height: 30px; display: inline-block; float: left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size: 18px; color: #383838; }
.list_search li a img{width:15%; height: 100px; display: inline-block; float: left; margin-right: 16px; }
.list_search li a font{ width:auto; height:30px; line-height: 30px; display: inline-block; font-size: 18px; color: #999;}
.list_search li a:hover span{ color:#7e1718;  text-decoration: underline;}
.list_search .img_list span{width:53.5% !important;}

/* 校长信箱 */
.xx_tz_my_title{ width:100%; height:90px; line-height:70px;  margin-left:20px; padding:0 0 10px 0; margin-top:10px;}
.xx_tz_my_title a{ width:864px; height:60px; line-height:60px; display:inline-block; color:#1873bb; font-size:18px; font-weight:bold; text-decoration:none; text-align:center; background:#f2f9fd; }
.xx_con{ width:100%; height:auto; padding:20px 0 30px 0; margin:40px 0 0 0;text-align: center;}
form#sub { margin-left: 180px;}
.xx_con span{ display:inline-block; float:left; width:360px; padding:10px 0;margin-right: 80px;}
.xx_con span b{ width:auto; height:40px; line-height:40px; color:#F00;}
.xx_con span.long_span{ display:inline-block; float:left; width:800px; padding:10px 0;}
.xx_con span.long_span3{ display:inline-block; float:left; width:330px; padding:10px 0;}
.xx_con span p{ display:inline-block; float:left; width:100px; height:40px; line-height:40px; text-align:right;font-size: 16px;}
.xx_con span input.jubao_txt{ display:inline-block; float:left; width:235px; height:40px; line-height:40px; background:#fff; border:1px solid #dcdcdc; padding:0 10px;}
.xx_con span input.jubao_txt1{ display:inline-block; float:left; width:676px; height:40px; line-height:40px; background:#fff; border:1px solid #dcdcdc; padding:0 10px;}
.xx_con span input.jubao_txt2{ display:inline-block; float:left; width:100px; height:40x; line-height:40px; background:#fff; border:1px solid #dcdcdc; padding:0 10px;}
.xx_con span input[type="file"]{ display:inline-block; float:left; width:300px; height:40px; line-height:40px; background:#fff; border:1px solid #dcdcdc; padding:0 10px;}
.xx_con #parent{ display:inline-block; float:left; width:245px; height:40px; line-height:40px; border:1px solid #dcdcdc; overflow: hidden;}
.xx_con #parent select{ -moz-appearance:none; appearance:none; border:none; padding-left:5px; width: 249px; height:30px; font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1"; margin:-2px 0 0 -2px;}
.xx_con span textarea{ display:inline-block; float:left; width:676px; height:133px; background:#fff; border:1px solid #dcdcdc; padding:0 10px;}
.xx_con span #imgObj{ display:inline-block; float:left; width:100px; height:40px; margin:0 0 0 10px; background:#ccc;}
.xx_con span.long_span1{ display:inline-block; float:left; width:784px; padding:15px 0; margin:30px 0 0 40px;text-align:center;}
.xx_con span.long_span1 input{ display:inline-block; width:120px; height:40px; margin:0 16px; font-size:16px; color:#fff; cursor:pointer;}
.xx_con span.long_span1 input.jubao_btn{ background:#00aeff;}
.xx_con span.long_span1 input.jubao_btn1{ background:#ff7800;}


@media screen and (max-width: 736px) {
    /* 移动端头部 */
    .container-fluid {width: 100%; }
    .yd_top { width: 100%; height: 60px; background: #f7f7f7; border-bottom: 1px solid #eee; position: fixed; top: 0; z-index: 999999999999;line-height: 60px;}
    .yd_top img.logo {width: 180px;height: auto;display: inline-block;float: left;margin: 15px 0 0 10px;}
    .nav_btn { width: 40px; height: auto; background: none; border: none; float: right;}
    .nav_btn img { width: 40px; height: auto; display: inline-block;}

    /* 移动端banner */
    .swiper-container { margin-top: 60px; height: 170px !important;}
    .swiper-container .swiper-slide a { width: 100% !important; height: 170px !important;}

    /* 移动端通知 */
    .not { padding-bottom: 10px;position: static;}
    .not_con { width: 100%; display: flex; justify-content: space-between; padding: 0 15px; height: 76px;}
    .noti_logo{width:70px; height:auto;display: block;margin: 14px 10px 10px 0px;}
    .not_img1 { width: 70px; height: auto; display: inline-block; margin: 0px;}
    .list { width: 74% !important; height: 70px !important;}
    .list a { width: 100%; height: 36px; line-height: 50px; display: inline-block; font-size: 16px; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .list a:hover {color: #7b1c1d;}
    .list span { font-size: 16px; color: #999; background: url(../img/time.png)  no-repeat 0px 50%; padding-left: 26px;}
    .yx-rotaion { height: 240px !important; margin-bottom: 15px;}
    /* 移动端新闻 */
    .new { padding: 0; width: 100%; height: auto; margin: 0 auto;margin-top: 0px;}
    .new_list ul { display: inline-block; color: #333333; vertical-align: top; width: 100%;}
    .new_list li a { width: 95%;}
    .new_list li { width: 100%; background: url(../img/point.png) no-repeat 2% 50%; padding-left: 7%;}
    .new_list { margin-bottom: 20px;}
    .new_list li.first { padding-left: 3%; background: #fafafa; height: 107px; width: 100%; padding:14px 22px; margin-bottom: 9px;}
    /* 成果 */
    .content{  width: 100%;  margin: 0 auto;}
    .achieve {display: block;padding-bottom: 8px;}
    .com_top{ width:100%; height: auto;}
    .com_top img{ width:100%; height: auto;}
    .com { width:100%; background-color: #eaf3ff; padding-bottom: 15px; margin-bottom: 15px;}
    .com_ul { display: inline-block; color: #333333; font-size: 16px; vertical-align: top; width: calc(100% - 20px);}
    .com_ul li { margin-left: 25px;}
    .com_ul li a { width: 77%;padding-left: 0px;}
    .com_ul li span{float: right; color: #333333; font-size: 16px; line-height: 40px; padding-right: 10px; }
   /* 不忘初心 */
    .xc { margin-bottom: 30px;}
    .title_top img{width:80%;height:auto;}
    .title_img {margin-top: 15px;}       
    .title_img img{ width:30%; height:90px; border-radius: 4px;}
    .title_con p { margin-left: 2px; }
    .title{  margin-bottom: 24px;  margin-left: 0px !important;}
    .title_con a { text-indent: 0em; margin-left: 0px;}
    .lead img { width:32%; height:130px; border-radius: 4px; }
    .lead_right { width: 63%; }
    .lead_right p { -webkit-line-clamp: 2; }
    .lead_xx{ width: 100%; display: flex; justify-content:flex-start;flex-wrap: wrap;}
    .lead_xx a{width: 100%;margin-bottom: 10px;}
    .lead_xx img{ width:26px; height:26px;}

    /* 校园风光 */
    .com_img2 { margin-left:46%;display: block;margin-top: 15px;}
    .scene {  margin-top: 0px;}
    .pict{ width:100%; height:auto;}
    .pict li {height: 126px;}
    .pict p { text-align: center; display: inline-block; width: 45%;}
    .pict img{ width: 100%; height: auto;}
    .pic {margin-top: 24px;display: flex;justify-content: space-between;margin-bottom: 20px;}
    .pic_1{ margin-top: 15px; margin-bottom: 20px;}
    .pict li a img{  width: 100%; height:100px;}
    .pict li a:hover span{ text-decoration: underline;} 
    .pict li a span{ letter-spacing: 0px;color: #f6f6f6;text-align: center; position: static; width: 100%; height: 25px; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;display: inline-block; padding: 0 10px;font-size: 12px; }

   /* 轮播 */
    .swiper-container2 { width: 100%; height: auto; overflow: hidden;}
    .swiper-container2 .swiper-wrapper { width: 100%; height: auto;}
    .swiper-container2 .swiper-wrapper .swiper-slide { width: 100%; height: auto; position: relative; text-align: center;}
    .swiper-container2 { width: 100% !important;}
    .swiper-container2 .swiper-wrapper .swiper-slide { height: auto;}
    .swiper-container2 .swiper-wrapper .swiper-slide img { display: block; width: 100%; height: 245px;}
    .swiper-container2 .swiper-wrapper .swiper-slide span { bottom: 20px; width: 100%;}
    .swiper-container2 .swiper-wrapper .swiper-slide span { position: absolute; height: 34px; line-height: 34px; width: 100%; background: #000; bottom:0; left: 0; right: 0; overflow: hidden;
     text-overflow: ellipsis; white-space: nowrap; text-decoration: none;}
    .swiper-container2 .swiper-wrapper .swiper-slide a{ font-size: 16px; color: #fff !important; letter-spacing: 5px;
     overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.7 !important;}
    .swiper-container2 .swiper-slide img { width: auto;  height: auto;  display: block; margin: 0 auto;}
 
   /* 底部 */
   .db_bott { height: auto;  padding: 14px 15px;display: flex;justify-content:flex-start;flex-wrap: wrap; }
   .db_bott p{width:100%;display: flex;justify-content: space-between;}
   .db_bott div{width: 100%;}
   .db_bott p img{width:100% !important; height: auto !important; display: inline-block; float:right; margin-right: 10% !important;}
   .bottom_list2 {display: inline-block;font-size: 15px;color: #666666;margin-right: 30px;line-height: 30px; height: 30px;}
   .db_bott p a {width: 28%;height:auto;display: inline-block;float: left;margin:0 !important;}
   .wz{ margin-bottom: 15px; }
  /* 内容页 */
    .main{ margin-top: 60px;margin-bottom:20px;}
    .dqwz{width:100%; height: 40px; border-bottom: 1px solid #ccc; overflow: hidden; margin-bottom: 10px;padding-left: 0px;}
    .dqwz span{width:auto; height: 40px; line-height: 40px; display: inline-block; padding-left: 60px; background:url(/resource/main/skin/img/wz.png) no-repeat 20px; float: left;}
    .dqwz a{width:auto; height: 40px; line-height: 40px; display: inline-block; font-size: 14px; color: #666; padding: 0 10px;}
    .nry{ width:100%;border:none;background: none;}
    .nry h4 {width: 100%;height: auto;display: block;font-size: 22px;line-height: 40px;margin-top: 10px;color: #333; text-align: center;}
    .nry h5{display: block;font-size: 18px;line-height: 30px;color: #666;text-align: center;margin-bottom: 0px;}
    .nry h6 {display: block;font-size: 12px;line-height: 20px;color: #888888;text-align: center;margin-top: 6px;}
    .con{margin:0;}
    .ny_line {margin-top: 20px;}
    .nry_cont { padding: 0px 0;}
    .nry_cont p{font-size: 16px;line-height: 30px;}
    .nry_cont img{width:100%; height: auto; display:block; margin: 0 auto; padding: 0;}
    .nry_cont iframe{ width:100%; height: 200px;}


/* 风景列表页 */
    .top p{ width:100%; height: 240px; display: block; margin: 0 auto; }
    .list_img{ width:100%; height: auto; margin: 8px 0 0 0; }
    .list_img ul li{ height: auto; padding: 0 6px; margin-bottom:0px;}
    .list_img ul li a{width:100%; height: auto; display: inline-block; }
    .list_img ul li a img{ width:100%; height:110px; display: inline-block; float: left;}
    .list_img ul li a:hover span{ text-decoration: underline;} 
    .list_img ul li a span{position: static;width:100%; height: 30px; line-height: 30px;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display: inline-block; color: #454545; padding: 0 10px;  float: left; font-size: 14px;}

/*分页*/
    .fy{width:100%; height: auto; display:block;margin:30px 0 30px 0; text-align: center;}
    .fy a { width: auto; height:20px; line-height:20px; display: inline-block; padding: 0 6px; color: #999; font-size: 12px; text-decoration: none; border: 1px solid #999;margin:4px 2px ;}
    .fy span{font-size: 12px;color: #999;}
    .fy a:hover{background: #7e1718;color: #fff;}

/* 内容列表 */
    .news_con{ width: 100%; margin: 0 !important; }
    .news_con .time_line{ display: none !important;}
    .news_con li{ flex-wrap: wrap; margin-bottom: 10px !important;}
    .news_con li a{ width: 100% !important;}
    .news_con li a span{ width: 100% !important;font-size:16px !important; }
    .news_con li a p{ width: 100% !important; display: none !important; }
    .news_con li a h4{ display: none !important;}
    .news_con .img_list a{  width:calc(100% - 150px) !important;}
    .news_con .img_list img{  width: 130px !important; height:90px !important; margin-top: 10px;}
    .news_con .time_lines{ width: 100%; height: auto; line-height: 16px; font-size: 14px; color: #888; }
    .news_con .img_list  .time_lines{ width:calc(100% - 150px) !important; margin-left: 140px; margin-top: -50px; }
    
 /* 搜索 */
    .search_top{ width:100%;height: 50px; margin: 10px 0;}
    .search_top input.search_top_txt{ display:inline-block; float:left; width:80%; height:36px; padding:0 24px; border:1px solid #ccc; background:#fff; font-size:16px; margin:0;border-radius: 7px 0 0 7px;}
    .search_top input.search_top_btn{ display:inline-block; float:left; width:20%; height:36px; background:#7e1718; letter-spacing: -4px; font-size:14px; color:#fff; cursor:pointer;border-radius: 0 7px 7px 0;}
    .list_search { margin: 10px 2% 20px 2%;}
    .list_search li {background: none;}
    .list_search li a { margin: 0px;}
    .list_search li a span{width:65%; height: 30px; line-height: 30px; display: inline-block; float: left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size: 14px; color: #383838; }
	.list_search li a img{width:30%; height: 70px; display: inline-block; float: left; margin-right: 10px; }
	.list_search li a font{width:65%;line-height: 20px;font-size: 12px;}
    
    /* 校长信箱 */
    .xx_con { margin:0;}
    .xx_tz_my_title {height: 60px;line-height: 40px;margin-left: 0px;padding: 0 0 10px 0;margin-top: 0px;}
    .xx_tz_my_title a {width:100%;height: 40px;line-height: 40px;display: inline-block;color: #1873bb;font-size: 16px;}
    form#sub {margin-left:0px;margin:0 8px;}
    .xx_con span{width:100%; padding:8px 0; margin-right: 0px;margin-bottom: 6px;}
    .xx_con span b{ width:auto; height:30px; line-height:30px; color:#F00;}
    .xx_con span.long_span{ display:inline-block; float:left; width:100%; padding:5px 0;}
    .xx_con span p{ display:inline-block; float:left; width:26%; height:30px; line-height:30px; text-align:left;font-size: 14px;}
    .xx_con span input.jubao_txt{ display:inline-block; float:left; width:71%; height:30px; line-height:30px; background:#fff; border:1px solid #dcdcdc; padding:0 5px;}
    .xx_con span input.jubao_txt1{ display:inline-block; float:left; width:71%; height:30px; line-height:30px; background:#fff; border:1px solid #dcdcdc; padding:0 5px;}
    .xx_con span input.jubao_txt2{ display:inline-block; float:left; width:24%; height:30px; line-height:30px; background:#fff; border:1px solid #dcdcdc; padding:0 5px;}
    .xx_con span #imgObj{ display:inline-block; float:left; width:24%; height:30px; margin:0 0 0 10px; background:#ccc;}
    .xx_con #parent{ display:inline-block; float:left; width:245px; height:40px; line-height:40px; border:1px solid #dcdcdc; overflow: hidden;}
    .xx_con #parent select{ -moz-appearance:none; appearance:none; border:none; padding-left:5px; width: 249px; height:30px; font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1"; margin:-2px 0 0 -2px;}
    .xx_con span textarea{ display:inline-block; float:left; width:97%; height:140px; background:#fff; border:1px solid #dcdcdc; padding:0 10px;}
    .xx_con span.long_span1{ display:inline-block; float:left; width:100%; padding:15px 0; margin:30px 0 0 0px;text-align:center;}
    .xx_con span.long_span1 input{ display:inline-block; width:30%; height:30px; margin:0 16px; font-size:14px; color:#fff; cursor:pointer;}
}