@charset "utf-8";
/* Base Reset */
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,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;	font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
:focus { outline:0;}
img { border:0;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline;}
.none { display:none;}
.hidden { visibility:hidden;}
.clearfix:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clearfix{display: block; *zoom:1;}

/**布局开始**/
body { background:url(images/bg.png) no-repeat top center;}
body,p { font:14px/1 "\u5b8b\u4f53", Tahoma, Geneva, sans-serif; color:#333;}
a { color:#333; text-decoration:none;}
.ml .news_title a { color: #626886;}
a:hover { color:#a1b6cd;}
.wrapper { width:100%; margin:0 auto;}
.wrapper .inner { width:100%; margin:0 auto;} /**页面全局宽度**/

/**head**/
#header {position: relative; z-index: 100 ; }
#header .inner {}
.head { width:100%; height:117px; position:relative; position:relative;    background-color: #fff; /**background-image: url(images/icons/schoolLogo.jpg);**/ background-size:800px;background-position-y: center;
    background-position-x: 30%; background-repeat:no-repeat;}    /**页头部分**/
.head .sitetitle { position:absolute;   right: 130px; top:48px; font-size:32px; font-weight:bold; color:#435487;}		/**搜索**/
/*顶部logo*/
.head img.xihua_logo{width:300px; position:relative; left:200px;}
.head img.school_logo{ width:400px; position:relative; left:200px;}
/*自定义搜索*/
.wp_search .search{background:url(images/icons/search_icon.png);background-position: center;background-size: contain;background-repeat: no-repeat;width: 30px;height: 22px;cursor: pointer;}
    .wp_search .keyword{border: 1px solid #ccc;border-radius: 4px;font-size: 16px;outline: none;transition: border-color 0.3s ease;height:25px;}
    .wp_search .keyword:focus { border-color: #007BFF; }   /* 聚焦时边框颜色 */ 
    .wp_search .keyword:hover {  border-color: #888;}      /* 悬停时边框颜色 */
    .wp_search .keyword::placeholder {    color: #aaa;  }/* 占位符颜色 */

/**导航样式：后台绑定时也可以定义配置**/
.navbar { width:100%; height:48px; background:#435487;}   	/**导航区域背景**/
.navbar .navbox { width:90%; height:48px; margin:0 auto;}   /**导航窗口大小及位置**/
.navbar .navbox .wp_nav { height:49px;}  /**导航高度**/
.navbar .navbox .wp_nav li.nav-item a { font-size:16px;color:#fff;}    /**导航字体样式**/
.navbar .navbox .wp_nav li.nav-item a:hover,.navbar .navbox .wp_nav li.nav-item a.parent{ color:#fff;}   	/**鼠标经过或当前选中时样式**/
.navbar .navbox .wp_nav li.nav-item a span.item-name { padding:0 18px; height:49px; line-height:49px;}   /**导航栏目高度与边距**/
.navbar .navbox .wp_nav .sub-nav li.nav-item i.mark { background: #435487;}  /**子菜单背景**/
.navbar .navbox .wp_nav .sub-nav li.nav-item a { font-size:14px; font-weight:normal;}		/**子菜单字体样式**/
.navbar .navbox .wp_nav .sub-nav li.nav-item a:hover,.navbar .navbox .wp_nav .sub-nav li.nav-item a.parent { background:#435487; color:#fff;}
.navbar .navbox .wp_nav .sub-nav li.nav-item a span.item-name {padding: 0px 18px;height:26px;line-height:26px;margin:0;}		/**子菜单栏目高度与边距**/
.wp_nav .sub-nav {display:block;width:100%;position:absolute;z-index:200;visibility:hidden;border: 0px solid #ccc;border-top:none;top: 48px !important;margin:0;padding:0;float:none;}
.wp_nav .sub-nav .nav-item a {font-family:"Microsoft Yahei"; font-size:13px;font-weight:normal; color:#000;text-align:left;border-top:0px solid #D8E1CC;min-width: 80px;}
/*自定义导航样式*/
.navbar .navbox .wp_nav li.nav-item{}/*一级菜单单个元素*/
.navbar .navbox .wp_nav li.nav-item .sub-nav{top:0px;}
.navbar .navbox .wp_nav li.nav-item .sub-nav  .nav-item ul.sub-nav{top:0px !important;}


/**标题栏新闻窗口**/
.post { margin-bottom:10px;}
.post .tt { height:64px; border-bottom:1px solid #6db4e0;} 
.mod.m1 .tt { border-bottom: 3px solid #e3b585;}
.mod1{width:500px !important; float:left !important;}
.mod2{width:600px !important; float:left !important; margin-left:50px;}
.mod1 .tt {border-bottom: 3px solid #435487;}
.mod2 .tt {border-bottom: 3px solid #d7d7d7;}
/**标题栏**/
.post .tt .tit {display:inline-block; float:left; font-size:18px; font-weight: normal;color: #23568e;font-family: "微软雅黑";} /**标题字体**/
.post .tt .tit .title { display:inline-block; height:64px; line-height:64px;} /**标题图标**/
.post .tt .more_btn { display:inline-block; height:64px; line-height:64px; float:right;} 
span.more_text {  color: #a7b4b4;}
  /**更多按钮**/
.post .con { padding:5px 0; margin:0 auto;}
.post .con .wp_article_list .list_item { border-bottom:1px dashed #ccc;} /**新闻列表**/
.post .con .wp_article_list .list_item .Article_Index { background:url(images/li.gif) no-repeat center;} /**新闻列表图标**/

/**自定义新闻列表**/
.news_list {}
.news_list li.news { line-height:40px;} /**标题图标**/
.mc .news_list li.news { border-bottom: 1px solid #ccc;}
.news_list li.news span.news_title { float:left;}
.news_list li.news.n1 span.news_title { font-weight: bold;}
li.news.n1.clearfix .picForm_typeA_title a {font-weight: bold;
}
.news_list li.news span.news_meta { float:right; margin-left:2px;}
.mod2 .mc .news_list li.news span.news_title {padding-left: 40px;}
.mod2 .mc .news_list li.news span.news_meta { float:left; margin-left:2px;}
.news_list li.news p {clear:both; line-height:20px; color:#787878;}
.news_list li.news p a { color:#787878;}
.news_list li.news p a:hover { color:#444; text-decoration:underline;}
.picForm ul,.picForm li{ list-style:none; }
.picForm_typeA_shell{ width:100%; height:100%;position: relative; } 
.picForm_typeA{ }  
.picForm_typeA_pic{ width: 190px;  float:left; display: none;}
li.news.n1.clearfix .picForm_typeA_pic {display: block;}
.picForm_typeA_text{ width: 490px; float:right; position: absolute;left: 215px;border-bottom: 1px solid #ccc;} h3.picForm_typeA_title a { font-size: 14px;
}
.mod2 .mr img {width: 190px; height: 120px;}
.mod2 .mr li.news.n2.clearfix { position: absolute;top: 35px;}
.mod2 .mr li.news.n3.clearfix { position: absolute;top: 70px;}
.mod2 .mr li.news.n4.clearfix { position: absolute;top: 105px;}
.mod2 .mr li.news.n5.clearfix { position: absolute;top: 140px;}
.mod2 .mr li.news.n6.clearfix {position: absolute;top: 175px;}

/**主体开始**/
#container { padding:7px 0;}
#container .inner { width:1250px;margin-top: 13px;}
/**主页滚动大图**/
.wrapper .pics{ }
        /* 图片容器，设置为自适应设备大小 */
        .slider {position: relative; width: 100%; /* 宽度自适应设备 */ min-width: 400px;height: 420px; /* 统一高度 */overflow: hidden;}
  /* 图片样式 */
        .slides {display: none; /* 默认隐藏 */width: 100%; /* 自适应宽度 */min-width: 400px;height: 420px; /* 统一高度 */object-fit: cover; /* 保持纵横比，裁剪 */position: absolute; /* 绝对定位 */top: 50%; /* 垂直居中 */left: 50%; /* 水平居中 */transform: translate(-50%, -50%); /* 移动到中心 */opacity: 0; /* 初始透明度 */transition: opacity 1s; /* 渐变效果 */}
        /* 显示当前图片 */
        .slides.show {display: block; /* 显示当前图片 */opacity: 1; /* 当前图片完全可见 */ }

        /* 箭头样式 */
               .arrow {cursor: pointer;position: absolute;top: 180px;width: auto;padding: 16px;color: white;font-weight: bold;font-size: 18px;background-color: rgba(0, 0, 0, 0.5);border: none;z-index: 1;}
        .prev {   left: 10px; }
        .next {   right: 10px; }

        /* 动画效果 */
        .slide-in-left {    animation: slideInLeft 1s forwards; }
        .slide-in-right {            animation: slideInRight 1s forwards;       }

        @keyframes slideInLeft {
            from {                transform: translate(-150%, -50%);              opacity: 0;           }
            to {      transform: translate(-50%, -50%);      opacity: 1;  }
        }

        @keyframes slideInRight {
            from {  transform: translate(150%, -50%);                opacity: 0;            }
            to {              transform: translate(-50%, -50%);             opacity: 1;         }
        }
        .slide-out-left {           animation: slideOutLeft 1s forwards;        }

        .slide-out-right {            animation: slideOutRight 1s forwards;        }

        @keyframes slideOutLeft {
            from {               transform: translate(-50%, -50%);                opacity: 1;            }
            to {               transform: translate(-150%, -50%);                opacity: 0;            }
        }

        @keyframes slideOutRight {
            from {                transform: translate(-50%, -50%);               opacity: 1;           }
            to {                transform: translate(150%, -50%);                opacity: 0;           }
        }

/**首页三列布局**/
.mod {}
.mod1 { width:452px; float:left;} 
.mod.m1 { width:302px; float:left;}/**左列**/
.mod1 .ml { width:100%;} 
.mbox { padding:0 10px; }
.mod2 .mbox { padding: 0 6px;}
.mod2 { width:720px; float:right;}
.mod.m2 { width:720px; float:right; }
.mod2 .mc { width:720px;} 
.mod2 .mr { width:720px; } /**右列**/
/**新闻动态与新闻图片**/
.m1 {margin-top: 60px;}
.m1 .orbit-wrapper .timer{display:none;}
/**将新闻第一排改为flex**/
.wrapper .flex-container{    display: flex;
    flex-wrap: wrap;
    width: 90%; /* 容器宽度为90% */
    margin: 20px auto; /* 居中对齐 */}
.flex-container .mod {     min-width: 300px; /* 最小宽度 */}
/* 调整左右宽度比*/
.flex-container .mod.m1{flex:4; }
.flex-container .mod.m2{flex:5.3; }
/*.flex-container .mod.m2 .banner{margin-left:20px !important; }*/


/**列表页**/
.col_menu { width:236px; float:left; min-height:400px;} 
.col_menu .col_menu_head { background:#435487;}   /**位置栏目背景**/
.col_menu .col_menu_head h3.col_name { font-size:17px; font-weight:bold; color:#fff; }		/**位置栏目字体**/
.col_menu .col_menu_head h3.col_name .col_name_text { display:block; line-height:21px; padding:5px 5px 5px 30px; }  /**栏目名称图标**/

/**栏目列表*/
.col_list .wp_listcolumn { border-top:1px solid #2867A0; border-bottom:1px solid #fff; }
.col_list .wp_listcolumn .wp_column a { color:#435487; border-top:1px solid #fff; border-bottom:1px solid #2867A0; background-image:none;} 	/**一级子栏目**/
.col_list .wp_listcolumn .wp_column a:hover,.col_list .wp_listcolumn .wp_column a.selected { color:#000; background-image:none; } 	/**鼠标经过或选中一级子栏目**/
.col_list .wp_listcolumn .wp_column a.selected span.column-name{ color:#124D83; background-image:none;}

.col_list .wp_listcolumn .wp_subcolumn .wp_column a { color:#454545; background:#e8e8e8 ; border-top:1px solid #fff; border-bottom:1px solid #bbb;} 	/**二级子栏目**/
.col_list .wp_listcolumn .wp_subcolumn .wp_column a:hover,.col_list .wp_listcolumn .wp_subcolumn .wp_column a.selected {color:#000;background-image: url(images/icon_column_2_hover.gif) no-repeat;} 	/**鼠标经过或选中二级子栏目**/
.col_list .wp_listcolumn .wp_subcolumn .wp_column a.selected span.column-name{ color:#124D83;}

.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_column a { background:#f2f2f2 url(images/icon_column_3.gif) no-repeat 26px 10px; border-top:1px solid #fff; border-bottom:1px solid #ccc;} 	/**三级子栏目**/
.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_column a:hover,.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_column a.selected { color:#000; background-image:url(images/icon_column_3_hover.gif);} 	/**鼠标经过或选中三级子栏目**/
.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_column a.selected span.column-name{ color:#124D83;}

.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_column a { background:#f5f5f5; border-top:1px solid #fff; border-bottom:1px solid #ddd;} 	/**四级子栏目**/
.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_column a:hover,.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_column a.selected { color:#000; background-image:url(images/icon_column_3_hover.gif);} 	/**鼠标经过或选中四级子栏目**/
.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_column a.selected span.column-name{ color:#124D83;}

.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_column a { background:#f9f9f9 url(images/icon_column_3.gif) no-repeat 46px 10px; border-top:1px solid #fff; border-bottom:1px solid #eee;}/**五级子栏目**/
.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_column a:hover,.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_column a.selected { color:#000; background-image:url(images/icon_column_3_hover.gif);} 	/**鼠标经过或选中五级子栏目**/
.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_column a.selected span.column-name{ color:#124D83;}

.col_news { width:728px; float:right;} /**栏目新闻**/
.col_news_head {}
.col_metas .col_title { display:inline-block; float:left; height:30px; line-height:30px; background:#435487;}  /**当前栏目**/
.col_metas .col_title h2 { display:inline-block; font-size:18px; font-weight:bold; color:#fff; padding:0 50px 0 25px;}   /**当前栏目名称**/
.col_metas .col_path { display:inline-block; float:right; white-space:nowrap; height:18px; line-height:18px; margin-top:5px;} /**当前位置**/

.col_news_box { padding:10px 0; margin:0 7px;}
.col_news_list {margin-top: 25px;}
.col_news_list .wp_article_list .list_item {height: 30px;line-height: 30px;border-bottom: 0px dashed #ccc;}  
/**栏目新闻列表**/
.col_news_list .wp_article_list .list_item .Article_Index {background:url(images/li.gif) no-repeat center;width: 0px;margin: 0px;}  /**栏目新闻图标序号**/
.col_news_list .wp_entry,.col_news_list .wp_entry p { line-height:1.6; font-size:14px; color:#333;}
.col_news_list .wp_entry p { margin-bottom:10px;}
.col_news_list .wp_entry img { max-width:680px; _width:expression(this.width > 680 ? "680px" : this.width); }   /**列表页文章图片大小限制**/

/**文章页**/
.infobox {margin:0 auto;width: 90%;}
.article {}
.article h1.arti_title { line-height:26px; font-family: "Microsoft YaHei"; padding:5px; text-align:center; font-size:18px; color:#282828;} /**文章标题**/
h1.arti_title1 {line-height: 26px; font-family: "Microsoft YaHei"; padding: 5px; text-align: center; font-size: 16px; color: #282828; border-bottom: 2px solid #435487;} /**文章副标题**/
.article .arti_metas { padding:10px; text-align:center;}
.article .arti_metas span { margin:0 5px; font-size:12px; color:#787878;} /**文章其他属性**/
.article .entry { margin:0 auto; overflow:hidden;    min-height: 400px;} /**文章内容**/
.article .entry .read,.article .entry .read p { line-height:1.7; font-size:14px; color:#333;}  /**阅读字体**/
.article .entry .read p { margin-bottom:10px;}
.article .entry .read img { max-width:940px; _width:expression(this.width > 940 ? "940px" : this.width); }   /**文章阅读部分图片大小限制**/

/*为新闻栏标题加图标*/
.mod .title img{width:30px; height: 30px; margin: 0px 10px;position:relative; top: 7px;}


/**页脚开始**/
#footer {}
.ft{ color:#fff;}
#footer .inner { padding:10px 0; background-color: #435487; height:172px;margin-top: 20px;}
/* 这是自定义底部样式分为5个元素 pic weixin contact在上层，links bottom在下层*/
.foot{background-color:#435487;width:100%;min-height:172px;text-align:center;color:#fff}
.foot .contact,.foot .pic,.foot .weixin{
          /*width:30%;*/ /*加宽页脚元素解除这里*/
          min-width:380px;margin:0 30px;height:172px;display:inline-block;vertical-align:top}
.foot .contact{text-align: left;}
.contact li{margin: 10px 5px;margin-left:40px;}
.contact span{    margin-right: 10px;}
.foot .links span img{width:20px}ul{padding:0;margin:0;list-style:none}
.foot .weixin{padding-top:10px;box-sizing:border-box}
.foot .weixin img{ position: relative; left:30px;}
.foot .weixin div{margin-top:10px; position: relative; left:30px;}
.weixin .wechat_code{height:100px}
.foot .bottom,.foot .links{width:100%}
.foot .links{padding:10px 30px}
.foot .links span{font-weight:700}
.foot .links a{text-decoration:none;color:#fff;margin:0 10px}
.foot .links a:hover{background:linear-gradient(45deg,#6a11cb,#2575fc);box-shadow:0 4px 8px rgba(0,0,0,.2)}
.foot .bottom span{margin:0 20px;display:inline-block;white-space:nowrap}
/*动画样式*/
        /* 当元素进入视口时应用的类 */
        .wrapper{            opacity: 0; /* 初始透明度 */
            transform: translateY(50px); /* 初始位置下移 */
            transition: opacity 0.5s ease, transform 0.5s ease; /* 过渡效果 */}
        .wrapper.visible {
            opacity: 1; /* 完全可见 */
            transform: translateY(0); /* 移回原位 */
        }

        /* 当元素离开视口时应用的类 */
        .wrapper.hidden {
            opacity: 0; /* 变为透明 */
            transform: translateY(-50px); /* 向上移动 */
        }

        /* 当设备宽度小于 1024px时 ,平板样式*/
        @media (max-width: 1024px) {
       /*底部logo*/
       .head img.xihua_logo{ left:0; width:240px;}
       .head img.school_logo{  left:0; width: 300px; }
       /*添加导航栏伪元素防止遮挡*/
       #header::after{display:block; content:" "; height:50px; }
       #header{overflow-x: hidden; }
        /*全局字体大小*/
        #container{font-size:18px;}
        #footer .foot{font-size:20px;}
        #footer .foot .links a{display:inline-block; margin:10px 15px;}
        /*搜索框样式*/
        .head .sitetitle{right:10px;}
       .head .wp_search .search{width:50px; height:32px;}
       .head .wp_search .keyword{font-size:20px; height:50px; width:200px !important;}
            .foot .pic { display: none; }
            .contact li{ margin: 10px 5px; }
            .flex-container .mod{     min-width: 100%; /* 小屏幕时每列占满整行 */}
            .inner{width:800px !important;}
            .inner .mod {width: 100% !important; font-size:20px;}
           .inner .mod.m1{display:none;}
           .inner .mod.m2{ }
           /*.inner .mod.mod1{width:750px !important; margin-left:60px; }*/
           .inner .mod.mod2{margin-left: 0;}
           .inner .mod2 .post-3{}
         /*导航栏样式*/
           #header .navbar  .wp_nav .nav-item a{background-color: #435487;}
          #header .inner .navbar .i11{display:none};
                     /*导航栏*/
          .navbar{overflow-x: clip;}
          /*底部样式*/
          #footer .inner{width:100% !important;}
        }
/*当设备宽度小于 768px时 ,手机样式*/
        @media (max-width: 768px) {
            .inner{width:760px !important;}     
        }