<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*s后面对应的网站*/
/*1	经济管理学院*/
/*2	马克思主义学院*/
/*3	五年制与基础教育学院*/
/*4	招生网*/
/*5	建筑与工程学院*/
/*6	交通与信息工程学院*/
/*7	云南城建官网*/
/*	08	学校办公室	*/
/*	09	团委	*/
/*	10	继续教育中心	*/
/*	11	图书馆	*/
/*	12	网络中心	*/
/*	13	后勤管理处	*/
/*	14	财务处	*/
/*	15	学生工作处	*/
/*	16	保卫处	*/
/*	17	教务处	*/
/*	18	人力资源处	*/
/*	19	国际合作与交流处	*/
/*	20	评鉴办公室	*/
/*	21	民办特色骨干	*/
.widecolumn{
    margin: 390px auto 0 auto;
width:75%;
}
html { margin-top: 0px !important; }
	* html body { margin-top: 0px !important; }
	@media screen and ( max-width: 782px ) {
		html { margin-top: 0px !important; }
		* html body { margin-top: 0px !important; }
	}
	
@font-face {
    font-family:'pf_regular';
    src: url('../fonts/pingfangsc_regular.ttf') format("truetype");
}
@font-face {
    font-family:'pf_light';
    src: url('../fonts/pingfang_light.ttf') format("truetype");
}
@font-face {
    font-family:'pf_Medium';
    src: url('../fonts/pingfang_medium.ttf') format("truetype");
}
@font-face {
    font-family:'time';
    src: url('../fonts/din.ttf') format("truetype");
}
@font-face {
    font-family:'time2';
    src: url('../fonts/din_alternate_bold.ttf') format("truetype");
}
body{margin: 0;padding: 0;font-family: 'pf_regular', sans-serif;font-size: 16px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li {margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: #000000}
img{display: block}





/*PC全局复用区start*/
/*警告，修改此代码会影响到所有站点 安全等级一级*/
/*禁止使用以下的命名方式*/
@media all and (min-width: 980px){

    /*全站通用 start*/
    h2{font-size: 26px;font-family: 'pf_Medium', sans-serif;}
    h3{font-size: 20px;}
    .main{width: 100%}
    .w89{width: 89.5%;margin: 0 auto}
    .w83{width: 83%;margin: 0 auto}
    .tit{display: flex;justify-content: space-between;align-items: center;padding: 87px 0 58px 0;}
    .zoomImage{width:100%;height:0;overflow:hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
    /*全站通用 end*/

    /*foot all same start */
    .foot{width: 100%;background-color: #3A3A3A;padding-bottom: 48px}
    .foot_body_left{width: 62.9%}
    .foot_body_right{width: 32.1%}
    .foot .foot_tit p{font-size: 18px;color: #FFFFFF;padding: 87px 0 20px 0;}
    .foot p,.foot a{color: #999999}
    .foot p{line-height: 37px}
    .foot_body,.foot_body_left{display: flex;justify-content: space-between}
    .foot_body_left .use{padding-right: 140px;}
    .foot_body_left .foot_right_border{position: relative;}
    .foot_body_left .foot_right_border:after{content: '';position:absolute;display: block;width: 2px;height: 100%;top: 0;right: -140px;background-color: #575757}
    .foot_body_right .foot_img{padding-top: 50px;margin-bottom: 23px;}
    .foot_body_right .foot_img img{width: 100%;}
    .foot_body_right .qrcode{width: 66%;float: right}
    .foot_body_right .qrcode img{width: 120px;height: 120px}
    .foot_body_right .qrcode&gt;ul{display: flex;}
    .foot_body_right .qrcode li{text-align: center;padding-right: 64px}
    .foot_body_right .qrcode li p{color:#DEDEDE}

    /*foot all same end*/

    /*幻灯分页*/
    .page_slide{text-align: center;width: 100%;position: absolute;bottom: 45px;z-index: 2}
    .page_slide .page_ok .swiper-pagination-bullet{width: 22px;height: 22px;margin-right: 15px;border: 2px solid #FFFFFF}
    .page_slide .page_ok .swiper-pagination-bullet-active{background-color: #ffffff}
    /*幻灯分页*/


    /*main内可复用区域 无padding和margin*/
    .s1list{display: flex;justify-content: space-around;border-bottom: 1px solid #E8E8E8;padding: 31px 0;}
    .s1list .use{width:89.7%}
    .s1list .use h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .s1list .time{display: flex;justify-content: center;flex-direction: column;align-items: center;width:8%}
    .s1list .time i{font-size: 36px;}
    .s1list .time em{font-size: 18px;}
    .s1list a p{color: #666666;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 23px;}
    .s1list:hover .time{ color: #2E75BA;}
    .s1list:hover .use a{ color: #2E75BA;}
    .s1list:hover .use a p{ color: #2E75BA;}


    .piclists1{border: 1px solid #E8E8E8;transition: all 0.3s;}
    .piclists1 .zoomImage{padding-bottom:68.7%;}
    .piclists1:hover{box-shadow:0 10px 26px 6px #dbd2d2;transition: all 0.3s;transform: scale(1.01)}
    .piclists1:hover .piclists1_flex i{display:block}
    .piclists1:hover .piclists1_flex span{color: #2E75BA}
    .piclists1:hover .piclists1_body h3{color: #2E75BA}
    .piclists1 .piclists1_body{padding: 31px;}
    .piclists1 h3{padding-bottom: 25px}
    .piclists1_flex{display: flex;justify-content: space-between;}
    .piclists1_flex span{color: #666666}
    .piclists1_flex i{display: none}


    .s1list2{display: flex;align-items: center}
    .s1list2 .time{display: flex;flex-direction: column;background-color: #2E75BA;padding: 18px;align-items:center}
    .s1list2 .time i{font-size: 36px;color: #FFFFFF}
    .s1list2 .time em{font-size: 16px;color: #FFFFFF}
    .s1list2 .nr{padding-left: 32px;line-height: 2.5rem;}
    .s1list2 h3{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis}
    .s1list2:hover h3{color: #2E75BA}


    .s1list3{display: flex;border: 1px solid #E8E8E8}
    .s1list3:hover{box-shadow:0 10px 26px #dbd2d2;border: unset}
    .s1list3:hover .time2{background-color: #1963AB;}
    .s1list3:hover .nr{background-color: #2E75BA;color: #FFFFFF}
    .s1list3:hover .time2 i{color: #FFFFFF}
    .s1list3:hover .time2 em{color: #FFFFFF}
    .s1list3 .time2{width: 17%;background-color: #F6F6F6;display: flex;flex-direction: column;padding:64px 15px;align-items: center}
    .s1list3 .time2 i{font-size: 36px;color: #000000}
    .s1list3 .time2 em{font-size: 14px;color: #000000}
    .s1list3 .nr{line-height: 2.5rem;width:82.8%;display: flex;align-items: center}
    .s1list3 .nr h3{display: block;padding:0px 32px;line-height: 2.5rem;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis}

    .s3list4{background-color: #F5F5F5;padding:28px 33px;display: grid;justify-content: space-between;grid-template-columns:75% 20%;align-items: center}
    .s3list4 span{color: #999999;font-size: 16px}
    .s3list4 a h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
    .s3list4 a h3:hover{color: #2E75BA}

    .s5list5{display: flex;align-items: center}
    .s5list5 .time{display: flex;flex-direction: column;align-items: center;padding:35px 22px;background-color: #2E75BA;margin-right: 32px;width: 80px;height: 120px;box-sizing: border-box}
    .s5list5 .time i{font-size: 36px;color: #FFFFFF}
    .s5list5 .time em{font-size: 16px;color: #FFFFFF}
    .s5list5 p{font-size: 16px;margin-top: 22px;color: #999999;min-height: 48px;line-height: 32px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis}
    .s5list5:hover h3{color: #2E75BA}

    .s5list6{display: flex;flex-direction: column;border: 1px #E8E8E8 solid}
    .s5list6 .zoomImage{padding-bottom: 63.7%}
    .s5list6 h3{padding: 29px 34px 58px 34px;min-height: 107px}
    .s5list6:hover h3{color: #2E75BA}
    .s5list6 span{padding-left: 32px;padding-bottom: 31px}
    .s5list6:hover{box-shadow:0 10px 26px #dbd2d2}

    .s5list7{position: relative;width: 100%;display: flex;flex-direction: column;background:linear-gradient(180deg, rgba(0, 0, 0, 0.26) 0%, #000000 100%)}
    .s5list7 .s5list7_tit{position: absolute;bottom: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);width: 100%}
    .s5list7 h3{margin: 24px;color: #FFFFFF;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis}
    .s5list7 img{display: block}
    .s5list7 .zoomImage{padding-bottom: 82.03%;transition: all 0.3s;}
    .s5list7:hover .zoomImage{transform:scale(1.1);transition: all 0.3s;box-sizing: border-box}
    .s5list7:hover h3{color: #2E75BA}
    .s5list7{box-sizing: border-box;overflow: hidden;}

    .s7tit h2{font-size:28px;width: 100%;position: relative;text-align: center}
    .s7tit h2:after{content: '';height: 16px;position: absolute;top: 30px;background-color: #2E75BA;width: 100%;left: 0;opacity: 0.3;border-radius: 25px}
    .s7tit span{font-size: 24px;color: #999999;width: 100%;display: block;text-align: center}


    .banner_n{position: relative;width: 100%;}
    .banner_n_img img{width: 100%}
    .banner_n_text{position: absolute;bottom: 56px;left: 0;width: 100%;}
    .banner_n_text h2{font-size: 40px;color: #FFFFFF;}
    .banner_n .crumbs,
    .banner_n .crumbs a{color: #FFFFFF;font-size: 16px;margin-top: 24px}
    .banner_n .crumbs a:hover{color: #2E75BA;}
    .pagelist_yc{display: flex;margin-top: 56px}
    .pagelist_yc .zw{flex: 1;width: 0}
    .pagelist_yc .wp-pagenavi{display: flex}
    .pagelist_yc .wp-pagenavi a{width: 48px;height: 48px;background-color:#E7EBEE;display: flex;margin-left: 16px;justify-content: center;align-items: center;color: #969EA4;}
    .pagelist_yc .wp-pagenavi .extend{width: 48px;height: 48px;background-color:#E7EBEE;display: flex;margin-left: 16px;align-items: center;justify-content: center}
    .pagelist_yc .wp-pagenavi .current{width: 48px;height: 48px;background-color:#2E75BA;display: flex;margin-left: 16px;align-items: center;justify-content: center;color: #ffffff;}
    .pagelist_yc .wp-pagenavi .page_none,.pagelist_yc .wp-pagenavi .pages{display:none}

    .nbody{display: flex;margin-top: 58px;margin-bottom: 100px;}
    .n_left{width: 376px;}
    .n_left .n_left_nav{width: 100%}
    .n_left .n_left_nav li{width: 100%;height: 86px;box-sizing: border-box;border-top: 1px solid #E8E8E8}
    .n_left .n_left_nav li.active{background-color: #2E75BA}
    .n_left .n_left_nav li:last-of-type{border-bottom: 1px solid #E8E8E8}
    .n_left .n_left_nav li a{width: 100%;height: 100%;padding-left: 56px;display: flex;align-items: center;box-sizing: border-box;font-size: 22px;color: #000;font-weight: bold}
    .n_left .n_left_nav li.active a{color: #FFFFFF}
    .n_left .n_list{width: 100%;margin-top: 100px}
    .n_left .n_list h2{font-size: 22px;color: #FFFFFF;width: 100%;height: 86px;background-color: #2E75BA;padding-left: 56px;display: flex;align-items: center;box-sizing: border-box;}
    .n_left .n_list ul{background-color: #F7F7F7;width: 100%;padding-top: 16px;padding-bottom: 48px}
    .n_left .n_list li a{padding: 0 24px;display: flex;align-items: center;margin-top: 32px;font-weight: bold;}
    .n_left .n_list li .time{width: 70px;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 88px;background-color: #2E75BA;}
    .n_left .n_list li .time em{font-size: 32px;color: #FFFFFF}
    .n_left .n_list li .time i{font-size: 14px;color: #FFFFFF}
    .n_left .n_list li .nr{flex: 1;width: 0;color: #000000;font-size: 20px;margin-left: 24px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis}
    .nbody .n_list1{flex: 1;width: 0;margin-left: 32px;}
    .nbody .n_list1 li a{display: flex;color: #000000;align-items: center;height: 137px;width: 100%;padding-left: 37px;border-bottom: 1px solid #E8E8E8}
    .nbody .n_list1 li a .time{width: 60px}
    .nbody .n_list1 li a .time{display: flex;flex-direction: column;justify-content: center;align-items: center}
    .nbody .n_list1 li a .time em {font-size: 30px;color: #999999}
    .nbody .n_list1 li a .time i{font-size: 14px;color: #999999}
    .nbody .n_list1 li a .title{flex: 1;width: 0;margin-left: 48px;font-size: 20px;color: #000;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
    .nbody .n_list1 li:hover{background-color: #2E75BA}
    .nbody .n_list1 li:hover a,
    .nbody .n_list1 li:hover .time em,
    .nbody .n_list1 li:hover .time i,
    .nbody .n_list1 li:hover  .title{color: #FFFFFF;}

    .n_body_text1{flex: 1;width: 0;margin-left: 32px;}
    .n_body_text1 h2{font-size: 26px;text-align: center}
    .n_body_text1 .info{display: flex;width: 100%;justify-content: center;margin-top: 32px;}
    .n_body_text1 .info span{font-size: 18px;color: #000000}
    .n_body_text1 .info span:nth-of-type(2){margin: 0 25px}
    .n_body_text1 .text{margin-top: 54px;font-size: 22px;line-height: 40px;text-indent: 2rem}
    .n_body_text1 .text p{font-size: 16px;line-height: 40px;text-indent: 2rem}
    .n_body_text1 .text a{color: #2E75BA}
    .n_body_text1 .text img{max-width: 100%;margin: 8px auto}
    .n_list2{flex: 1;width: 0;margin-left: 32px;}
    .n_list2&gt;ul{display: grid;grid-template-columns: 31.543% 31.543% 31.543%;justify-content: space-between;grid-gap:55px}
    .n_list2&gt;ul&gt;li .img{width: 100%;height: 218px;overflow: hidden}
    .n_list2&gt;ul&gt;li img{width: 100%;height: 218px;object-fit: cover}
    .n_list2&gt;ul&gt;li .img:hover img{transform: scale(1.05);transition: all 0.5s}
    .n_list2&gt;ul&gt;li h2{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;font-size: 20px;color: #000000;margin-top: 21px;}
    .n_list2&gt;ul&gt;li span{font-size: 16px;margin-top: 18px;color: #999999;display: block}

    .n_list3{flex: 1;width: 0;margin-left: 32px;}
    .n_list3&gt;ul{display: grid;grid-template-columns:48.484% 48.484% ;justify-content: flex-start;width: 100%;grid-row-gap: 58px}
    .n_list3&gt;ul li{width: 100%;box-sizing: border-box}
    .n_list3&gt;ul li:nth-of-type(even){margin-left: 32px;}
    .n_list3&gt;ul li .img{height: 420px;overflow: hidden;width: 100%}
    .n_list3&gt;ul li .img img{width: 100%;height: 420px;object-fit: cover}
    .n_list3&gt;ul li .img:hover img{transform: scale(1.05);transition: all 0.5s}
    .n_list4{flex: 1;width: 0;margin-left: 32px;}
    .n_list4 h2{font-size: 36px;text-align: center;}
    .n_list4 .info{display: flex;width: 100%;justify-content: center;margin-top: 32px;}
    .n_list4 .info span{font-size: 18px;color: #000000}
    .n_list4 .info span:nth-of-type(2){margin: 0 25px}
    .n_list4&gt;ul&gt;li img{max-width: 100%;margin: 65px auto 0 auto}
    .n_list4&gt;ul&gt;li h3{font-size: 30px;margin-top: 61px;text-indent: 2rem}
    .n_list4&gt;ul&gt;li .people_nr{margin-top: 28px;}
    .n_list4&gt;ul&gt;li .people_nr,
    .n_list4&gt;ul&gt;li .people_nr p{font-size: 22px;color: #000000;text-indent: 2rem}
    /*main内可复用区域 end*/
}
/*PC全局复用区end*/


/*pc局部多站点共用复用区,非全部站点 安全等级二级 start*/
/*二级复用区主要是针对通用头尾部,有继承属性
不可以改变内部层级,可以在外部层级扩展*/
@media all and (min-width: 980px){
    /*头部复用区 马克思 经济 交通 start*/
    .top{position: fixed;top: 0;transition: all 0.5s;z-index: 10}
    .top.on{background-image: url("../images/topbg.png");background-repeat:repeat-x;height:unset;padding: 12px 0;}
    /*默认的顶部有阴影如果不需要就删掉下面这个样式*/
    .top{background-image:url("../images/topbg.png");background-repeat: repeat-x;height:320px;}
    .head{display: flex;justify-content: space-between;margin-top: 24px;}
    .head .img{width: 39%}
    .head .img img{max-height: 97px}
    .head .nav{width: 56.5%;}
    .head .nav&gt;ul{display: flex;justify-content: space-between;width: 100%}
    .head .nav&gt;ul&gt;li{height: 97px;position: relative}
    .head .nav&gt;ul&gt;li&gt;a{line-height: 97px;color: white;font-size: 20px;}
    .head .m_nav{display: none}
   .nav .dp{display: none}
    .nav&gt;ul&gt;li .jt{display: none}
    .nav&gt;ul&gt;li:hover .dp{display: block}
    .dp{position: absolute;top: 97px;width: 896px;background-color: #FFFFFF;padding: 40px;left: 50%;transform: translate(-50%);background-image: url("../images/navdp_img.png");background-position: right bottom;background-repeat: no-repeat;box-sizing: border-box;z-index: 6;}
    .dp img{width: 250px;height: 170px;object-fit: cover}
    .nav&gt;ul&gt;li:hover .jt{display: block;position: absolute;width: 0;border-bottom: 10px solid #ffffff;border-left: 10px transparent solid;border-right: solid 10px transparent;top: 87px;left: 50%;transform: translate(-50%);z-index: 99;}
    .nav .dp.right{position: absolute;top: 97px;width: 896px;background-color: #FFFFFF;padding: 40px;right: 0;transform:unset;left: unset;display: none}
    .nav .dp.left{position: absolute;top: 97px;width: 896px;background-color: #FFFFFF;padding: 40px;right: 0;transform:unset;left:0;display: none}
    .nav .dp img{float: left;}
    .nav .dp ul li{margin-left: 56px;float: left;margin-top: 24px}
    .nav .dp ul li a{color: #666666}
    .nav .dp ul li:hover a{color: #2E75BA}



    .banner{position: relative}
    .banner img{width: 100%}
    .h2more{color: #666666;font-size: 16px}
    .h2more:hover{color: #2E75BA;}
    .time i,.time em{font-style: normal;font-family: time, sans-serif;}
    .time2 i,.time2 em{font-style: normal;font-family: time, sans-serif;}
    .s7time3 i,.s7time3 em{font-style: normal;font-family: time2, sans-serif;}
    /*头部复用区 马克思 经济 交通 end*/

    /*head same s3 &amp;&amp; s5 start*/
    .s3top_float{width: 100%;}
    .s3top_float.on{position: fixed;z-index: 6}
    .s3top_float.on{animation-name: topfloat;animation-duration:0.5s;}
    @keyframes topfloat {
        0%{top: -100px}
        100%{top: 0}
    }
    .s3logo_bg{background-color: #2E75BA;}
    .s3logo_bg .s3head{max-height: 97px;padding: 22px 0}
    .s3logo_bg .s3head .logo{max-height: 97px;}
    .s3logo_bg .s3head .logo img{height: 100%;}
    .s3nav_bg{background-color: #1960A5}
    .s3nav_bg .nav{background-color: #1960A5;}
    .s3nav_bg .nav li:hover a{font-weight: bold;opacity: 0.8;}
    .s3nav&gt;ul{display: flex;justify-content: flex-end;}
    .s3nav&gt;ul&gt;li&gt;a{font-size: 20px; color: #FFFFFF;line-height: 56px}
    .s3nav&gt;ul&gt;li{position: relative}

    /*head same s3 &amp;&amp; s5 end*/
}

/*pc局部多站点共用复用区,非全部站点 end*/


/*pc独立区 安全层级三级*/
/*此区域针对单个学校进行样式设置,但仍会有复用区域*/
/*该层级复用区域对结构层级高度依赖,不可以改变层级*/
/*在内外部扩展需考虑是否有冲突*/
/*如有可复用会用same注释*/
@media all and (min-width: 980px){
    /*s1 start*/
    /*经济 马克思 招生处 index same*/
    .s1_index_news_bg{background-color: #F5F5F5}
    .s1_index_news .body{display: flex;justify-content: space-between;padding-bottom: 88px}
    .s1_index_news .body .s1_index_news_left{width: 45.8%;display: flex;flex-direction: column;justify-content: space-between}
    .s1_index_news .body .s1_index_news_left .s1list{width:100%;}
    .s1_index_news_left .img{overflow: hidden}
    .s1_index_news_left .img .zoomImage{width:100%;height:0;padding-bottom:53%;overflow:hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
    .s1_index_news_left .img:hover .zoomImage{transform:scale(1.05);transition: all 0.5s}
    .s1_index_news .body .s1_index_news_right{width: 49.1%;}
    .s1_index_news_right&gt;div{height: 100%}   /*实现左右元素相同高度*//*父元素不可以定义高度,跟随自适应*/
    .s1_index_news_right&gt;div&gt;ul{height: 100%;display: flex;justify-content: space-between;flex-direction: column}
    /*经济 马克思 招生处 same end*/

    /*经济 交通 index same*/
    .s1_index_study{display: flex;justify-content: space-between;padding-bottom: 137px;}
    .s1_index_study .s1_index_study_left{width: 66.2%}
    .s1_index_study .s1_index_study_right{width: 32.1%}
    .s1_index_study .s1_index_study_left .list&gt;ul{display: grid;grid-template-columns: 49% 49%;justify-content: space-between}
    .s1_index_study .s1_index_study_right{display: flex;flex-direction: column;justify-content: space-between;}
    .s1_index_study .s1_index_study_right_list{height: 100%}
    .s1_index_study .s1_index_study_right_list&gt;ul{display: flex;flex-direction: column;justify-content: space-between;height: 100%}
    /*经济 马克思 招生处 same end*/
    .nav.s1{width: 48.9%}
    .nav.s1 ul&gt;li:hover&gt;a{color: #084378;font-weight: bold}
    /*s1 end*/

    /*s2 start*/
    .nav.s2{width:50.5%}
    .nav.s2 ul&gt;li:hover&gt;a{color: #084378;font-weight: bold}
    .s1_index_notifies{padding-bottom: 88px}
    .s1_index_notifies .s1_index_notifies_body&gt;ul{display: grid;grid-template-columns:32% 32% 32%;justify-content: space-between}
    .s1_index_notifies .s1_index_notifies_body&gt;ul&gt;li:nth-of-type(n+4){margin-top: 56px}
    .s1_index_politice_bg{background-image:url("../images/s1_index_politice_bg.png");padding-bottom: 88px}
    .s1_index_politice_bg .s1_index_politice&gt;.list&gt;ul{display: grid;grid-template-columns: 32% 32% 32%;justify-content: space-between}
    .s1_index_politice_bg .s1_index_politice&gt;.list&gt;ul h3{border-left: 5px #2E75BA solid;padding-left: 26px;margin-top: 33px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
    .s1_index_politice_bg .s1_index_politice&gt;.list&gt;ul li a:hover h3{color: #2E75BA}
    .s1_index_politice_bg .s1_index_politice&gt;.list&gt;ul li .zoomImage{padding-bottom: 82%}
    .s1_index_politice_bg .s1_index_politice&gt;.list&gt;ul li .img{overflow: hidden}
    .s1_index_politice_bg .s1_index_politice&gt;.list&gt;ul li:hover .zoomImage{transform: scale(1.05);transition: all 0.5s}

    /*s2 end*/

    /*s3 start*/
    .s3nav&gt;ul&gt;li{padding-left: 116px}
    .s3_index_inform{display: flex;justify-content: space-between;padding-bottom: 88px}
    .s3_index_inform .s3_index_inform_left{width: 66.3%}
    .s3_index_inform .s3_index_inform_right{width: 32.1%;display: flex;flex-direction:column;justify-content: space-between}
    .s3_index_inform .s3_index_inform_left .s3_index_inform_left_list&gt;ul{display: grid;grid-template-columns: 48% 48%;justify-content: space-between}
    .s3_index_inform .s3_index_inform_left .s3_index_inform_left_list&gt;ul li:nth-of-type(n+3){margin-top: 56px}
    .s3_index_inform .s3_index_inform_right_list{height: 100%}
    .s3_index_inform .s3_index_inform_right_list&gt;ul{display: flex;justify-content: space-between;flex-direction: column;height: 100%;}
    /*s3 start end*/


    /*s4new*/
    .nav.s4{width: 39.5%}
    .nav.s4 ul&gt;li:hover&gt;a{color: #084378;font-weight: bold}
    .banner.s4{position: relative;}
    .w83.s4banner{position: relative;z-index: 2}
    .banner.s4 .s4_topnav{width: 360px;position: absolute;bottom: 0;right: 0}
    .s4_topnav&gt;ul{display: flex;align-items: flex-end}
    .s4_topnav&gt;ul&gt;li{display: flex;flex-direction: column;align-items: center}
    .s4_topnav_list{display: flex;background-color: rgba(255, 255, 255, 0.8);align-items: center;flex-direction: column;width: 120px;height: 120px;justify-content: center}
    .s4_topnav_list.active{background-color: rgba(46, 117, 186, 0.8);padding: 10px 0}
    .s4_topnav_list.active h2{color: #FFFFFF;}
    .s4_topnav_list h2{font-size: 18px}
    .s4_topnav_list i img{width: 40px;height: 40px}
    .s4_index_school_left_list&gt;ul{display: flex;justify-content: space-between}
    .s4_index_school_left_list&gt;ul&gt;li{width: 48.4%}
    .s4_index_school_left_list&gt;ul&gt;li img{width: 100%}
    .s4_index_school_left_list&gt;ul&gt;li .zoomImage{padding-bottom:82%;}
    .s4_index_school_left_list&gt;ul&gt;li .img{overflow: hidden}
    .s4_index_school_left_list&gt;ul&gt;li .img:hover .zoomImage{transform: scale(1.05);transition: all 0.5s}

    /*s4new end*/

    /*s5 start -pc*/
    .s3nav.s5{display: flex;justify-content: flex-end}
    .s3nav.s5 li:hover a{font-weight: bold;opacity: 0.8;}
    .s3nav.s5&gt;ul{justify-content: space-between;display: flex;width: 89.162%;}
    .s3nav.s5&gt;ul&gt;li{padding-left:unset}
    .s3nav&gt;ul&gt;li .dp{top: 55px}
    .s3nav&gt;ul&gt;li .dp.left{top: 55px}
    .s3nav&gt;ul&gt;li .dp.right{top: 55px}
    .s3nav&gt;ul&gt;li:hover .jt{top: 45px}

    .s5_index_news{display: grid;grid-template-columns: 49% 49%;justify-content: space-between;padding-bottom: 86px}
    .s5_index_news .s5_index_news_list li:nth-of-type(n+2){margin-top: 40px}
    .s5_index_news .s5_index_news_list li:nth-of-type(n+2){margin-top: 40px}
    .s5_index_news.s5_index_three{grid-template-columns: repeat(3,32%);}

    .s5index_news_tab&gt;ul{display: flex;}
    .s5index_news_tab&gt;ul&gt;li{position: relative;color: #666666;cursor:pointer;font-size: 26px;font-family:'pf_Medium', sans-serif}
    .s5index_news_tab&gt;ul&gt;li.active{color: black}
    .s5index_news_tab&gt;ul&gt;li:first-of-type{padding-right: 40px}
    .s5index_news_tab&gt;ul&gt;li:nth-of-type(2){padding-left: 40px}
    .s5index_news_tab&gt;ul&gt;li:first-of-type:after{content: '/';position: absolute;right: 0;top:0; height: 100%;display: block;width: 2px;font-size: 30px;color: #999999}
    .s5.s1_index_news .s5index_tablist.active{display:flex}
    .s5.s1_index_news .s5index_tablist{display: none}

    .s5_index_teaching{padding-bottom: 88px}
    .s5_index_teaching_list&gt;ul{display: grid;grid-template-columns: 23.5% 23.5% 23.5% 23.5%;justify-content: space-between}
    .s5_index_teaching_list&gt;ul&gt;li&gt;a{display: flex;height: 100%;}

    .s5index_work_bg{background-image: url("../images/s5index_work_bg.png");padding-bottom: 88px}
    .s5index_work{display: grid;grid-template-columns:32% 32% 32%;justify-content: space-between}
    .s5index_work .s5index_work_list li&gt;a{display: block;width: 96%}
    .s5index_work .s5index_work_list li&gt;a h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

    .s5index_work .s5index_work_list li&gt;a:hover{color: #2E75BA}
    .s5index_work .s5index_work_list li&gt;span{color: #999999;padding: 22px 0 28px 0;display: block}

    .s5_index_feature_bg{background-image: url("../images/s5index_feature_bg.png");padding-bottom: 88px}
    .s5_index_feature_list&gt;ul{display: grid;grid-template-columns:32% 32% 32%;justify-content: space-between }
    .s5_index_feature .tit h2{color: #FFFFFF}
    .s5_index_feature .tit span&gt;a.h2more{color: #FFFFFF}

    /*s5 end -pc*/

    /*s6 and s3 same start*/
    .nav.s6{width:49%}
    .s6_index_news_bg{background-color: #F5F5F5}
    .s6_index_news .body{display: flex;justify-content: space-between;padding-bottom: 88px}
    .s6_index_news .body .s6_index_news_left{width: 784px;background-color: #FFFFFF;}
    .s6_index_news .body .s6_index_news_right{width: 45.1%;}
    .s6_index_news .body .s6_index_news_left .img{width: 784px;height: 490px;overflow: hidden}
    .s6_index_news .body .s6_index_news_left .img:hover img{transform: scale(1.05);transition: all 0.5s}
    .s6_index_news .body .s6_index_news_left img{width: 784px;height: 490px;object-fit: cover}
    .s6_index_news_right&gt;div&gt;ul{display: flex;justify-content: space-between;flex-direction: column}
    .s6_index_news_right&gt;div&gt;ul li:nth-of-type(n+2){margin-top: 32px}
    .s6_index_news .s6list1{background-color: #FFFFFF;padding: 32px;width: 720px; height: 149px}
    .s6_index_news .s6list1:hover{border-bottom: 6px solid #2E75BA;transition: all 0.5s}
    .s6_index_news .s6list1 .use p{color: #666666;margin-top: 20px;margin-bottom: 20px;min-height: 45px}
    .s6_index_news .s6list1 .use h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
    .s6_index_news .s6list1:hover .use h3{color:#2E75BA }
    .s6_index_news .s6list1 .time i{color: #666666;font-size: 16px;font-family: pf_light}
    /*s6 and s3 same end*/
    .foot_body_right.s6 .qrcode li{margin-left:82px}
    /*s6 end*/


    /*s7 start*/
    .s7more{text-align: center}
    .s7more a{font-size: 16px;color: #2E75BA;width: 130px;height: 40px;border: 1px solid #2E75BA;border-radius: 25px;padding: 6px 28px;}
    .s7more a:hover{font-weight: bold}
    .nav.s7{width: 72.5%;position: relative}
    .nav.s7 ul&gt;li.active&gt;a{color: #084378;font-weight: bold}
    .nav.s7 ul&gt;li:hover&gt;a{color: #084378;font-weight: bold}
    .top.on.s7{top: 0;}
    .top.s7{background-image:url("../images/topbg.png");background-repeat: repeat-x;height:320px;transition:unset}
    .top.s7.on{animation-name: s7topslide;animation-duration:0.5s;height: unset}
    @keyframes s7topslide {
        0%{top: -100px}
        100%{top: 0}
    }
    .s7_index_top_bg{height: 56px;background-color: #4A90E2}
    .s7_index_top_blue{display:flex;justify-content: space-between;align-items: center;font-size: 16px;color: #FFFFFF;height: 56px;}
    .top.s7{top:56px}
    .s7swiper.swiper-container{--swiper-theme-color: #ffffff;}
.swiper-slide a{pointer-events: none;
cursor: default; }
    .s7swiper .swiper-slide img{width: 100%}
    .s7pagination.swiper-pagination-bullets{position: absolute;bottom: 46px;z-index: 6}
    .s7pagination.swiper-pagination-bullets .swiper-pagination-bullet{width: 22px;height: 22px;border: 2px solid #FFFFFF;margin-right: 15px}
    /*s7banner小图标*/
    .banner.s7{position: relative;}
    .w83.s7banner{position: relative}
    .banner.s7 .s7_topnav{width: 1390px;position: absolute;bottom: 0;right: 0;z-index: 8}
    .s7_topnav&gt;ul{display: flex;align-items: flex-end}
    .s7_topnav&gt;ul&gt;li{display: flex;flex-direction: column;align-items: center}
    .s7_topnav_list{display: flex;background-color: rgba(255, 255, 255, 0.8);align-items: center;flex-direction: column;width: 130px;height: 120px;padding-top:26px;box-sizing:border-box;justify-content: flex-start}
    .s7_topnav_list.active{background-color: rgba(46, 117, 186, 0.8);padding: 10px 0;box-sizing: unset;justify-content:center}
    .s7_topnav_list.active h2{color: #FFFFFF;}
    .s7_topnav_list h2{font-size: 18px}
    .s7_topnav_list .br{text-align: center}
    .s7_topnav_list i img{width: 40px;height: 40px}
    .s7_top_search{position: absolute;top: -10px;right: 0}
    .s7_top_search_input{position: relative}
    .s7_top_search_input_button{position: absolute;right: 10px;top:9px}
    .s7_top_search_input input{width: 205px;height: 32px;border-radius: 25px;outline: none;background-color: unset;border: 1px solid #FFFFFF;text-indent: 15px;color: #FFFFFF;}
    .s7_top_search_input input::-webkit-input-placeholder{color:white}
    /*s7banner小图标 end*/
    .s7_index_news_bg{background-color:#F7F7F7;padding: 81px 0 91px 0 }
    .s7_index_news .s7tit{width: 200px;margin: 0 auto}
    .s7_index_news_list1{display:grid;grid-template-columns: 49% 49%;justify-content: space-between;padding-top: 55px}
    .s7_index_news_list2{display:grid;grid-template-columns: 49% 49%;justify-content: space-between;margin: 32px 0 68px 0}
    .s7_index_list_word&gt;ul{display: grid;grid-template-columns:47.95% 47.95%;justify-content: space-between;height: 100%;align-content: space-between}
    .s7_index_list_word&gt;ul&gt;li{height: 203px;background-image: url("../images/s7_index_list_word_bg.png");background-size: cover}
    .s7_index_list_word&gt;ul&gt;li a{font-size:16px;margin: 0 32px;display: flex;font-weight: bold;height: 100%;align-items: center}
    .s7_index_list_word&gt;ul&gt;li a:hover{color: #2E75BA}


    .s7_index_list_pic .img{overflow: hidden;position: relative}
    .s7_index_list_pic .img:hover .zoomImage{transition: all 0.5s;transform: scale(1.05)}
    .s7_index_list_pic .zoomImage{padding-bottom: 56%;}
    .s7_index_list_pic .img .h3{position: absolute;bottom:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 80%, #5a4c4c 100%);width: 100%;padding: 33px;box-sizing: border-box;}
    .s7_index_list_pic .img .h3 h2{font-size: 24px;color: #ff0000;max-height: 95px;overflow: hidden;display: block;}

    .s7_index_announcement{padding: 80px 0 91px 0}
    .s7_index_announcement .s7tit{width: 207px;margin: 0 auto}
    .s7_index_announcement_list&gt;ul{display: grid;grid-template-columns:32.1% 32.1% 32.1%;justify-content: space-between;margin:55px 0 68px 0}


    /*后备通用*/
    .s7list{display: grid;justify-content: space-between;grid-template-columns: 20% 78%;background-color:#F5F5F5;padding: 37px}
    .s7list .s7time3{display: flex;flex-direction: column;align-items: center}
    .s7list .s7time3 i{font-size: 46px}
    .s7list .s7time3 em{font-size: 18px}
    .s7list .nr h1{font-size: 20px}
    .s7list .nr p{font-size:16px;color: #666666;padding-top: 9px}
    .s7list .nr i{float: right;margin-top: 25px;width: 30px;height: 9px;background-image: url("../images/s7jt.png");background-repeat: no-repeat}
    .s7list:hover{background-color:#2E75BA}
    .s7list:hover .nr h1,.s7list:hover .nr p,.s7list:hover .s7time3 i,.s7list:hover .s7time3 em{color:#FFFFFF}
    .s7list:hover .nr i{background-image: url("../images/s7jt2.png")}
    /*后备通用*/


    /*首页轮播*/
    .s7_index_education_bg{background-image: url("../images/s7_index_education_bg.png")}
    .s7_index_education_bg .s7tit{width: 210px;margin: 0 auto;padding:69px 0 38px 0}
    .s7_index_education_bg .s7tit h2,.s7_index_education_bg .s7tit span{color: #FFFFFF}
    .s7_index_education_bg .s7tit h2:after{background-color:#b7dafd}
    .s7_index_education_bg .arrow{display: flex;justify-content: space-between;padding-top: 56px}
    .s7_index_education{width:4800px;position: relative;left: 50%;margin-left: -2400px;}
    .s7_index_education .ul-dl{display: flex;}
    .s7_index_education .swiper-slide{width: 100%}
    .s7_index_education dd.s7_index_education_slide{width: 33.333%;position: relative;margin: 0 11px;padding-bottom: 200px}
    .s7_index_education_slide .zoomImage{padding-bottom: 68.75%;}
    .s7_index_education_slide .img{overflow: hidden}
    .s7_index_education_slide .img:hover .zoomImage{transform: scale(1.05);transition: all 0.5s}
    .s7_index_education_slide .nr h2{color: #fff}
    .s7_index_education_slide:hover .nr h2{color: #2E75BA}
    .s7_index_education_slide .nr{width: 87.5%;position: absolute;bottom: 21px;height: 305px;left: 50%;transform: translate(-50%);padding: 33px;box-sizing: border-box;background-image: url("../images/new_bg8.png");background-size: cover}
    .s7_index_education_slide .nr h2{font-size: 20px}
    .s7_index_education_slide .nr p{font-size: 16px;color: #fff;height: 90px;padding-top: 10px;display: block;overflow: hidden}
    .s7_index_education_slide .nr span{font-size:18px;color: #fff;position: absolute;right: 33px;bottom:39px }
    .s7_index_education_bg .s7more{padding:77px 0 68px 0}
    .s7_index_education_bg .s7more a{color: #FFFFFF;border:1px solid #FFFFFF;}

    /*党团学工作*/
    .s7_index_party_bg{background-image: url("../images/s7_index_party_bg.png")}
    .s7_index_party_bg .s7tit{width: 244px;padding: 80px 0 55px 0;margin: 0 auto}
    .s7_index_party_list&gt;ul&gt;li&gt;a{display: flex;justify-content: space-between;background-color: rgba(0, 0, 0, 0.05)}
    .s7_index_party_list&gt;ul&gt;li .img{width: 34%;overflow: hidden}
    .s7_index_party_list&gt;ul&gt;li .img .zoomImage{padding-bottom: 65.44%;}
    .s7_index_party_list&gt;ul&gt;li .img:hover .zoomImage{transform: scale(1.05);transition: all 0.5s}
    .s7_index_party_list&gt;ul&gt;li .nr{width: 66%;box-sizing: border-box;padding: 51px 136px;position: relative}
    .s7_index_party_list&gt;ul&gt;li .nr h2{color: #000000;font-size: 20px}
    .s7_index_party_list&gt;ul&gt;li:hover .nr h2{color: #2E75BA;}
    .s7_index_party_list&gt;ul&gt;li .nr p{color: #666666;font-size: 16px;padding-top: 28px}
    .s7_index_party_list&gt;ul&gt;li .nr span{color: #666666;font-size: 16px;position: absolute;bottom: 51px;left: 136px}
    .s7_index_party_list&gt;ul&gt;li:nth-of-type(2) .img{order: 2}
    .s7_index_party_list&gt;ul&gt;li:nth-of-type(2) .img{order: 2}
    .s7_index_party_list&gt;ul&gt;li:nth-of-type(2){margin-top: 56px}
    .s7_index_party_bg .s7more{padding: 68px 0 91px 0}

    /*国际交流*/
    .s7_index_exchange_list{display: flex;justify-content:space-between}
    .s7_index_exchange_list_l,.s7_index_exchange_list_r{width:49.06%}
    .s7_index_exchange_list_l .img{position: relative;overflow: hidden}
    .s7_index_exchange_list_l .img:hover .zoomImage{transition: all 0.5s;transform: scale(1.05)}
    .s7_index_exchange_list_l .zoomImage{padding-bottom: 100%;}
    .s7_index_exchange_list_l .img .h3{position: absolute;bottom:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 80%, #5a4c4c 100%);width: 100%;padding: 33px;box-sizing: border-box}
    .s7_index_exchange_list_l .img .h3 h2{font-size: 20px;color: #FFFFFF;max-height: 74px;overflow: hidden;display: block}
    .s7_index_exchange_list_l .img:hover h2{color: #2E75BA}
    .s7_index_exchange_list_r&gt;ul{display: grid;grid-template-columns:47.95% 47.95%;justify-content: space-between;height: 100%;align-content:space-between}
    .s7_index_exchange_list_r&gt;ul&gt;li .img{position: relative;overflow: hidden}
    .s7_index_exchange_list_r&gt;ul&gt;li .img:hover .zoomImage{transition: all 0.5s;transform: scale(1.05)}
    .s7_index_exchange_list_r&gt;ul&gt;li .zoomImage{padding-bottom: 100%;}
    .s7_index_exchange_list_r .img .h3{position: absolute;bottom:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 80%, #5a4c4c 100%);width: 100%;padding: 23px;box-sizing: border-box}
    .s7_index_exchange_list_r .img .h3 h2{font-size: 20px;color: #FFFFFF;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis}
    .s7_index_exchange_list_r .img:hover h2{color: #2E75BA}
    .s7_index_exchange .s7tit{width:313px;margin: 0 auto;padding: 80px 0 55px 0}
    .s7_index_exchange .s7more{padding: 68px 0 91px 0}

    /*视频*/
    .s7_index_video{position: relative;margin-bottom: 88px}
    .s7_index_video video{width: 100%;object-fit: fill}
    .s7_index_video .s7play img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;padding:15% 46%;display:block}
    .s7_index_video .s7play.none{display: none}

    /*s7foot*/
    .s7_foot_bg{width: 100%;background-color: #3A3A3A;padding-bottom: 48px}
    .s7_foot_body_left{width: 62.9%}
    .s7_foot_body_right{width: 32.1%}
    .s7_foot_bg .foot_tit{position: relative;}
    .s7_foot_bg .foot_tit .link_list{position:absolute;top: 47px;width: 376px;display: none}
    .s7_foot_bg .foot_tit .link_list.active{display: block;height: 233px;overflow :auto}
    .s7_foot_bg .foot_tit .link_list a{display: block;width: 100%;background-color: #FFFFFF;line-height: 40px;padding: 0 27px;box-sizing: border-box;}
    .s7_foot_bg .foot_tit .link_list a:hover{color: #2E75BA}
    .s7_foot_bg .foot_tit p{font-size: 18px;color: #FFFFFF;padding: 87px 0 20px 0;}
    .s7_foot_bg .foot_tit .link{width: 376px;height: 47px;background-color:#626263;margin: 67px 0 36px 0;font-size: 18px;display: flex;justify-content: space-between;padding: 0 27px;box-sizing: border-box;align-items: center;color: #DEDEDE;cursor: pointer}
    .s7_foot_bg p,.foot a{color: #999999}
    .s7_foot_bg p{line-height: 37px}
    .s7_foot_body,.s7_foot_body_left{display: flex;justify-content: space-between}
    .s7_foot_body_left .use{padding-right: 140px;}
    .s7_foot_body_left .foot_right_border{position: relative;}
    .s7_foot_body_left .foot_right_border:after{content: '';position:absolute;display: block;width: 2px;height: 100%;top: 0;right: -140px;background-color: #575757}
    .s7_foot_body_right .foot_img{padding-top: 50px;margin-bottom: 23px;}
    .s7_foot_body_right .foot_img img{width: 100%;height:96px}
    .s7_foot_body_right .right_pic{width: 90%;margin: 0 auto;padding-top: 20px}
    .s7_foot_body_right .right_pic&gt;ul{display: flex;justify-content: space-between}
    .s7_foot_body_right .right_pic&gt;ul&gt;li{position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;}
    .s7_foot_body_right .right_pic&gt;ul&gt;li p{color: #DEDEDE}
    .s7_foot_body_right .right_pic&gt;ul&gt;li&gt;img{width: 80px; height: 80px}
    .s7_foot_body_right .right_pic&gt;ul .hover{position: absolute;top: -135px;left: -20px;display: none}
    .s7_foot_body_right .right_pic&gt;ul .hover img{width: 120px;height: 120px}
    .s7_foot_body_right .right_pic&gt;ul&gt;li:hover .hover{display: block}
    /*s7 end*/


    /*s9*/
    .s9_index_inform_left_list&gt;ul{display: grid;grid-template-columns: 48.484% 48.484%;justify-content:space-between}
    .s9_index_inform_left_list&gt;ul li{position: relative}
    .s9_index_inform_left_list&gt;ul li .img{height: 418px;overflow: hidden}
    .s9_index_inform_left_list&gt;ul li .img img{height: 418px;width: 100%;object-fit: cover}
    .s9_index_inform_left_list&gt;ul li:hover img{transform: scale(1.05);transition: all 0.5s}
    .s9_index_inform_left_list&gt;ul li .nr{height: 123px;position: absolute;bottom: 0;width: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0,transparent 100%)}
    .s9_index_inform_left_list&gt;ul li h2{font-size: 20px;color: #FFFFFF;padding: 44px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}

    /*s10 start*/
    .nav.s10{width:22.6%}
    .nav.s10 ul&gt;li:hover&gt;a{color: #084378;font-weight: bold}
    /*s111 start*/
    .nav.s11{width:55.126%}
    .nav.s11 ul&gt;li:hover&gt;a{color: #084378;font-weight: bold}
    .s11_index_inform_right{position: relative;width: 100%;height: 100%;}
    .s11_index_inform_right .img{width: 100%;overflow: hidden;height: 100%}
    .s11_index_inform_right .img img{width: 100%;height:100%;}
    .s11_index_inform_right:hover img{transform: scale(1.05);transition: all 0.5s}
    .s11_index_inform_right .nr{position: absolute;bottom: 0;height: 122px;background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0, transparent 100%);width: 100%;}
    .s11_index_inform_right .nr h2{padding:67px 33px 33px 33px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;color: #FFFFFF;font-size: 20px;}
    /*s20*/
    .s20_index_inform_right{position: relative;width: 100%;height: calc(100% - 87px);}
    .s20_index_inform_right .img{width: 100%;overflow: hidden;height: 100%}
    .s20_index_inform_right .img img{width: 100%;height:100%;}
    .s20_index_inform_right:hover img{transform: scale(1.05);transition: all 0.5s}
    .s20_index_inform_right_fa{display: flex;align-items:flex-end}
    .s20_index_inform_right.s20{height: 100%}

}
/*pc独立区 安全层级三级 end*/

/*******************************************************************************************/
/*******************************************************************************************/
/*****************************|```````````````````|*****************************************/
/*****************************|*******************|*****************************************/
/*---------------------------------华丽的分割线--------------------------------------------*/
/*****************************|*******************|*****************************************/
/*****************************|******mobile*******|*****************************************/
/*****************************|```````````````````|*****************************************/
/*******************************************************************************************/
/*******************************************************************************************/

/*mobile全局复用区start*/
/*警告，修改此代码会影响到所有站点 安全等级一级*/
/*安全等级一级所有命名方式为保留字段,严禁使用以下命名方式*/
@media screen and (max-width:980px){
    /*全站通用mobile start*/
    h2{font-size: 20px;font-family: 'pf_Medium', sans-serif;}
    h3{font-size: 18px;}
    .main{width: 100%}
    .w89{width: 95%;margin: 0 auto}
    .w83{width: 90%;margin: 0 auto}
    .tit{display: flex;justify-content: space-between;align-items: center;padding: 40px 0 30px 0;}
    .s7time3 i,.s7time3 em{font-style: normal;font-family: time2, sans-serif;}
    .zoomImage{width:100%;height:0;overflow:hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
    /*全站通用mobile end*/


    /*foot all same start 目前是全站通用 -mobile*/
    .foot{width: 100%;background-color: #3A3A3A;color: #FFFFFF;padding-bottom: 20px;margin-top: 40px}
    .foot .foot_tit p{font-size: 18px;color: #FFFFFF;padding: 27px 0 20px 0;}
    .foot .use_a&gt;.foot_tit&gt;p:before{content: '版权所有'}
    .foot_body_right .foot_img img{width: 100%;margin: 40px 0;}
    .foot_body_right .qrcode&gt;ul{display: flex;justify-content: space-around;}
    .foot_body_right .qrcode li{text-align: center;}
    .foot_body_right .qrcode li img{width: 120px;height: 120px}
    /*foot all same end 目前是全站通用*/

    /*main内可复用区域 无padding和margin -mobile*/
    .s1list{display: flex;justify-content: space-around;border-bottom: 1px solid #E8E8E8;padding: 31px 0;}
    .s1list:hover .time{ color: #2E75BA;}
    .s1list:hover .use a{ color: #2E75BA;}
    .s1list:hover .use a p{ color: #2E75BA;}
    .s1list .use{width: 80%}
    .s1list .time{display: flex;justify-content: center;flex-direction: column;align-items: center;width:20%}
    .s1list .time i{font-size: 36px;}
    .s1list .time em{font-size: 18px;}
    .s1list a p{color: #666666;font-size: 20px;}
    .s1list a h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
    .time i,.time em,.time2 i,.time2 em{font-style: normal;font-family: time, sans-serif;}

    .piclists1{border: 1px solid #E8E8E8;transition: all 0.3s;}
    .piclists1 img{width: 100%}
    .piclists1{box-shadow:0 7px 13px #dbd2d2}
    .piclists1 .zoomImage{padding-bottom: 68.7%}
    .piclists1 .piclists1_body{padding: 31px;}
    .piclists1 h3{padding-bottom: 25px}
    .piclists1_flex{display: flex;justify-content: space-between;}
    .piclists1_flex span{color: #666666}
    .piclists1_flex i{display: none}


    .s1list2{display: flex;align-items: center}
    .s1list2 .time{display: flex;flex-direction: column;background-color: #2E75BA;padding: 18px;align-items:center}
    .s1list2 .time i{font-size: 36px;color: #FFFFFF}
    .s1list2 .time em{font-size: 16px;color: #FFFFFF}
    .s1list2 .nr{padding-left: 32px;line-height: 2.5rem;}

    .s1list3{display: flex;border: 1px solid #E8E8E8}
    .s1list3 .time2{width: 17%;background-color: #F6F6F6;display: flex;flex-direction: column;padding:64px 15px;align-items: center}
    .s1list3 .time2 i{font-size: 36px;color: #000000}
    .s1list3 .time2 em{font-size: 18px;color: #000000}
    .s1list3 .nr{line-height: 2.5rem;width:82.8%;display: flex;align-items: center}
    .s1list3 .nr h3{display: block;padding:10px 32px;line-height: 2.5rem;}


    .s3list4{background-color: #F5F5F5;padding:28px 13px;display: grid;justify-content: space-between;grid-template-columns:65% 30%;align-items: center}
    .s3list4 span{color: #999999;font-size: 18px}
    .s3list4 a h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden}


    .s5list5{display: flex;align-items: center}
    .s5list5 .time{display: flex;flex-direction: column;align-items: center;padding:35px 22px;background-color: #2E75BA;margin-right: 12px}
    .s5list5 .time i{font-size: 36px;color: #FFFFFF}
    .s5list5 .time em{font-size: 16px;color: #FFFFFF}
    .s5list5 p{font-size: 18px;margin-top: 22px;color: #999999;min-height: 28px;max-height: 48px;overflow: hidden}


    .s5list6{display: flex;flex-direction: column;border: 1px #E8E8E8 solid}
    .s5list6 .zoomImage{padding-bottom: 63.7%}
    .s5list6 h3{padding: 20px 15px 0 15px;min-height: 75px}
    .s5list6 span{padding-left: 20px;padding-bottom: 15px}
    .s5list6:hover{box-shadow:0 10px 26px #dbd2d2}

    .s5list7{position: relative;width: 100%;display: flex;flex-direction: column;background:linear-gradient(180deg, rgba(0, 0, 0, 0.26) 0%, #000000 100%);z-index: 1}
    .s5list7 .s5list7_tit{position: absolute;bottom: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);width: 100%}
    .s5list7 h3{padding: 24px;color: #FFFFFF}
    .s5list7 img{display: block}

    .s7tit h2{font-size: 22px;width: 100%;position: relative;text-align: center}
    .s7tit h2:after{content: '';height: 14px;position: absolute;top: 18px;background-color: #2E75BA;width: 100%;left: 0;opacity: 0.3;border-radius: 25px}
    .s7tit span{font-size: 20px;color: #999999;width: 100%;display: block;text-align: center}

    /*后备通用*/
    .s7list{display: grid;justify-content: space-between;grid-template-columns: 20% 78%;background-color:#F5F5F5;padding: 23px}
    .s7list .s7time3{display: flex;flex-direction: column;align-items: center}
    .s7list .s7time3 i{font-size: 28px}
    .s7list .s7time3 em{font-size: 16px}
    .s7list .nr h1{font-size: 20px}
    .s7list .nr p{font-size:16px;color: #666666;padding-top: 9px}
    .s7list .nr i{float: right;margin-top: 25px;width: 30px;height: 9px;background-image: url("../images/s7jt.png");background-repeat: no-repeat}
    .s7list:hover{background-color:#2E75BA}
    .s7list:hover .nr h1,.s7list:hover .nr p,.s7list:hover .s7time3 i,.s7list:hover .s7time3 em{color:#FFFFFF}
    .s7list:hover .nr i{background-image: url("../images/s7jt2.png")}
    /*后备通用*/
    /*main内可复用区域 end -mobile一级*/

    /*手机导航复用区 start -mobile*/
    .nav{display: none}
    .nav.active{display: unset;height: 100vh;width: 100%;position: absolute;background-color: #2E75BA;left: 0;top: 0;padding-top: 85px;z-index: 20}
    .nav.active ul{height: 80%;overflow-y: auto}
    .nav&gt;ul&gt;li{line-height: 58px;text-align: center;border-bottom: 1px dashed #FFFFFF;margin: 0 25px}
    .nav&gt;ul&gt;li&gt;a{font-size: 25px;color: #FFFFFF}
    .nav ul li .dp img{display: none}
    .nav.active .dp {display: none}
    .nav.active .dp.active {display: block}
    .nav.active .dp ul li{background-color: #fff;margin: 10px 0}
    .nav.active .dp ul li a{font-size: 18px;color: #2E75BA;}



    .m_nav{display: block;height: 30px;}
    .m_nav span{position: relative;background:#ffffff;display: block;width: 40px;height: 2px;transition: all ease 0.35s;z-index: 50}
    .m_nav span:nth-of-type(1){top:0}
    .m_nav span:nth-of-type(2){top:10px}
    .m_nav span:nth-of-type(3){top:20px}
    .m_nav.active span:nth-of-type(1){top:13px;transform:rotate(45deg);background: #FFFFFF}
    .m_nav.active span:nth-of-type(2){width:0;color: #4A90E2}
    .m_nav.active span:nth-of-type(3){top:9px;transform:rotate(-45deg);background: #FFFFFF}
    /*.banner{margin-top: 85px}*/
    .banner img{width: 100%;}
    /*手机导航复用区 end -mobile*/

    .pagelist_yc{display: flex;margin-top: 26px}
    .pagelist_yc .zw{flex: 1;width: 0}
    .pagelist_yc .wp-pagenavi{display: flex;flex-wrap: wrap}
    .pagelist_yc .wp-pagenavi a{width: 30px;height: 30px;background-color:#E7EBEE;display: flex;margin-left: 6px;justify-content: center;align-items: center;color: #969EA4;}
    .pagelist_yc .wp-pagenavi .extend{width: 30px;height: 30px;background-color:#E7EBEE;display: flex;margin-left: 6px;align-items: center;justify-content: center}
    .pagelist_yc .wp-pagenavi .current{width: 30px;height: 30px;background-color:#2E75BA;display: flex;margin-left: 6px;align-items: center;justify-content: center;color: #ffffff;}
    .pagelist_yc .wp-pagenavi .page_none{display:none}

    .banner_n{position: relative;width: 100%;}
    .banner_n_img img{width: 100%}
    .banner_n_text{}
    .banner_n_text h2{font-size: 28px;color: #FFFFFF;position: absolute;left: 50%;top: 36%;transform: translate(-50%,-50%);width: 100%;text-align: center}
    .banner_n .crumbs,
    .banner_n .crumbs a{color: #000000;font-size: 18px;margin-top: 24px}

    .n_left .n_left_nav{width: 100%;margin-top: 30px;margin-bottom: 30px;}
    .n_left .n_left_nav li{width: 100%;height: 55px;box-sizing: border-box;border-top: 1px solid #E8E8E8}
    .n_left .n_left_nav li.active{background-color: #2E75BA}
    .n_left .n_left_nav li:last-of-type{border-bottom: 1px solid #E8E8E8}
    .n_left .n_left_nav li a{width: 100%;height: 100%;display: flex;align-items: center;box-sizing: border-box;font-size: 18px;color: #000;font-weight: bold;justify-content: center}
    .n_left .n_left_nav li.active a{color: #FFFFFF}
    .n_left .n_list h2{font-size: 18px;color: #FFFFFF;width: 100%;height: 55px;background-color: #2E75BA;padding-left: 56px;display: flex;align-items: center;box-sizing: border-box;}
    .n_left .n_list ul{background-color: #F7F7F7;width: 100%;padding-top: 16px;padding-bottom: 28px}
    .n_left .n_list li a{padding: 0 10px;display: flex;align-items: center;margin-top: 12px;font-weight: bold;}
    .n_left .n_list li .time{width: 68px;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 80px;background-color: #2E75BA;}
    .n_left .n_list li .time em{font-size: 20px;color: #FFFFFF}
    .n_left .n_list li .time i{font-size: 15px;color: #FFFFFF}
    .n_left .n_list li .nr{flex: 1;width: 0;color: #000000;font-size: 16px;margin-left: 15px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis}
    .n_list1{margin-bottom: 30px}
    .n_list1 li{box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);padding: 15px 8px;margin-top: 20px;}
    .n_list1 li .title{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;margin-top: 8px;}
    .n_list1 .time{display: flex;}
    .n_list1 .time em{order: 2}
    .n_list1 .time em::before{content:'.';order: 2}
    .n_list1 .time i{order: 1}
    .n_body_text1{margin: 20px 0}
    .n_body_text1 h2{font-size: 18px;text-align: center;}
    .n_body_text1 .info{display: flex;width: 100%;justify-content: center;margin-top: 12px;flex-direction: column;align-items: center}
    .n_body_text1 .info span{font-size: 14px;color: #999999}
    .n_body_text1 .text{margin-top: 15px;font-size: 16px;line-height: 30px;text-indent: 2rem}
    .n_body_text1 .text p{font-size: 16px;line-height: 30px;text-indent: 2rem}
    .n_body_text1 .text img{max-width: 100%;height: auto !important;margin: 8px auto}
    .n_list2,.n_list3,.n_list4{margin: 20px 0}
    .n_list2&gt;ul&gt;li{box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);}
    .n_list2&gt;ul&gt;li .img{width: 100%;height: 218px;overflow: hidden}
    .n_list2&gt;ul&gt;li img{width: 100%;height: 218px;object-fit: cover}
    .n_list2&gt;ul&gt;li{margin-top: 20px;padding-bottom: 10px}
    .n_list2&gt;ul&gt;li h2{font-size: 16px;margin-top: 10px;padding: 0 8px}
    .n_list2&gt;ul&gt;li span{font-size: 14px;color: #999999;display: block;margin-top: 8px;padding: 0 8px}
    .n_list3&gt;ul li .img img{width: 100%;height: 277px;object-fit: cover;margin-top: 20px;}
    .n_list4 li{box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);margin-top: 20px;}
    .n_list4 h2{font-size: 18px;text-align: center;}
    .n_list4 .info{display: flex;width: 100%;justify-content: center;margin-top: 12px;flex-direction: column;align-items: center;}
    .n_list4 .info span{font-size: 14px;color: #999999}
    .n_list4 img{max-width: 100%;margin: 0 auto}
    .n_list4 .people_nr{padding: 8px 8px 15px 8px;font-size: 16px;line-height: 30px;text-indent: 2rem}
    .n_list4 h3{padding: 8px;text-indent: 2rem}

}

/*mobile局部多站点共用复用区,非全部站点 安全等级二级 start*/
@media screen and (max-width:980px){
    /*头部复用区 马克思 经济 交通 start*/
    .banner{position: relative}
    .page_slide{text-align: center;width: 100%;position: absolute;bottom: 15px;z-index: 2}
    .page_slide .page_ok .swiper-pagination-bullet{width: 10px;height: 10px;margin-right: 10px;border: 2px solid #FFFFFF}
    .page_slide .page_ok .swiper-pagination-bullet-active{background-color: #ffffff}

    .top{background-color: #2E75BA;}
    .top.on{position: fixed;top: 0;transition: all 0.5s;z-index: 55}
    .head{display: flex;justify-content: space-between;padding: 10px 0;align-items: center;height: 65px}
    .head .img{width: 80%}
    .head .img img{width: 100%}

    /*头部复用区 马克思 经济 交通 end -mobile*/

    /*head same s3 &amp;&amp; s5 start -mobile*/
    .s3top_float{width: 100%;position: relative;z-index: 6}
    .s3top_float.on{position: fixed;top: 0;z-index: 6}
    .s3logo_bg{background-color: #2E75BA;}
    .s3logo_bg&gt;div{display: flex;justify-content: space-between;height: 65px;padding: 10px 0;align-items: center;}
    .s3logo_bg .s3head{width: 80%}
    .s3logo_bg .s3head .logo img{width: 100%;}
    .s3logo_bg .m_nav_x{z-index: 5}
    /*head same s3 &amp;&amp; s5 end -mobile*/


}
/*mobile局部多站点共用复用区,非全部站点 安全等级二级 end*/


/*mobile独立区 安全层级三级*/
/*此区域针对单个学校进行样式设置,但仍会有复用区域*/
/*该层级复用区域对结构层级高度依赖,不可以改变层级*/
/*在内外部扩展需考虑是否有冲突*/
/*如有可复用会用same注释*/
@media screen and (max-width:980px){
    /*s1 start*/
    .s1_index_news_left .img{width: 100%}
    .s1_index_news_left .zoomImage{padding-bottom: 49.8%}
    .s1_index_news_left .time,.s1_index_news_right .time{padding-right: 15px}
    .s1_index_study_left .list .piclists1:nth-of-type(n+2){margin-top: 20px}
    .s1_index_study_right_list&gt;ul&gt;li:nth-of-type(n+2){margin-top: 15px}

    .s1_index_notifies .s1_index_notifies_body&gt;ul&gt;li:nth-of-type(n+2){margin-top: 15px}
    .s1_index_politice img{width: 100%;}
    .s1_index_politice&gt;.list&gt;ul h3{border-left: 5px #2E75BA solid;padding-left: 26px;margin:15px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
    .s1_index_politice&gt;.list&gt;ul&gt;li .zoomImage{padding-bottom: 82%}

    /*s1 end*/

    /*s3 start*/
    .s3_index_inform .s1list3{margin-bottom: 15px}
    .s3_index_inform .s3list4{margin-bottom: 15px}
    /*s3 end*/


    /*s4new*/
    .s4_topnav{width: 95%;margin:25px auto 0 auto}
    .s4_topnav&gt;ul{display: flex;justify-content: space-between}
    .s4_topnav&gt;ul i{width: 50%}
    .s4_topnav&gt;ul i img{width: 40px}
    .s4_topnav .s4_topnav_list{display: flex;align-items: center;flex-direction: column}
    .s4_index_school_left_list&gt;ul&gt;li:nth-of-type(2){margin-top: 20px}
    .s4_index_school_left_list&gt;ul&gt;li .zoomImage{padding-bottom:82%;}
    /*s4new end*/


    /*!*s4 end*!*/



    /*s5 start*/
    .nav.s5 ul li{line-height: 50px}

    .s5_index_news_list&gt;ul&gt;li{width: 100%}
    .s5_index_news_list .s5list5{width:100%;margin-bottom: 15px}
    .s5_index_news_list .s5list5 .nr{display: flex;overflow: hidden;flex-direction: column}
    .s5_index_news_list .s5list5 .nr h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

    .s5index_news_tab&gt;ul{display: flex}
    .s5index_news_tab&gt;ul&gt;li{position: relative;color: #666666;cursor:pointer;font-size: 20px;font-family:'pf_Medium', sans-serif}
    .s5index_news_tab&gt;ul&gt;li.active{color: black}
    .s5index_news_tab&gt;ul&gt;li:first-of-type{padding-right: 10px}
    .s5index_news_tab&gt;ul&gt;li:nth-of-type(2){padding-left: 10px}
    .s5index_news_tab&gt;ul&gt;li:first-of-type:after{content: '/';position: absolute;right: 0;top:0; height: 100%;display: block;width: 2px;font-size: 20px;color: #999999}

    .s5.s1_index_news .s5index_tablist.active{display:block}
    .s5.s1_index_news .s5index_tablist{display: none}
    .s5_index_teaching_list .s5list6{margin-bottom: 25px}

    .s5index_work_list li{margin-bottom: 25px;}
    .s5index_work_list h3{white-space:nowrap;overflow: hidden;text-overflow: ellipsis}
    .s5_index_feature_list img{width: 100%}
    .s5_index_feature_list&gt;ul&gt;li:nth-of-type(n+2){margin-top: 15px}
    /*s5 end*/

    /*s6 start*/
    .s6_index_news_left img{width: 100%}
    .s6_index_news_bg{background-color: #F5F5F5;padding-bottom: 1px}
    .s6_index_news .s6list1{background-color: #FFFFFF;padding: 32px;margin: 30px 0}
    .s6_index_news .s6list1 .use p{color: #666666;margin-top: 20px;margin-bottom: 20px}



    /*s7start*/
    .nav.s7&gt;ul&gt;li{line-height: 38px}
    .nav.s7&gt;ul&gt;li a{font-size:20px }
    .s7_top_search{display: none}
    .banner.s7{margin-top: unset}
    .s7_index_top_bg{display: none}
    .s7pagination.swiper-pagination-bullets{position: absolute;bottom: 0;z-index: 6;width: 100%;text-align: center;left: 0}
    .s7pagination.swiper-pagination-bullets .swiper-pagination-bullet{width: 15px;height: 15px;border: 2px solid #FFFFFF;margin-right: 5px}


    .s7_topnav{width:100%;margin:25px auto 0 auto}
    .s7_topnav&gt;ul{display: flex;justify-content: space-between}
    .s7_topnav&gt;ul i{width: 50%}
    .s7_topnav&gt;ul i img{width: 40px}
    .s7_topnav .s7_topnav_list{display: flex;align-items: center;flex-direction: column}
    .s7_topnav .s7_topnav_list h2{font-size: 13px}
    .s7_topnav_list .br{text-align: center}
    .s7_index_list_word&gt;ul&gt;li{height: 150px;background-image: url("../images/s7_index_list_word_bg.png");
    background-position: bottom;overflow: hidden;padding:15px 32px;display: flex;flex-direction: column;align-items: center;justify-content: center}
    .s7_index_list_word&gt;ul&gt;li a{font-size: 18px;display: block;font-weight: bold;overflow: hidden;box-sizing: border-box}

    .s7_index_list_pic .zoomImage .h3{position: absolute;bottom:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 80%, #5a4c4c 100%);width: 100%;padding: 7px;box-sizing: border-box}
    .s7_index_list_pic .zoomImage .h3 h2{font-size:18px;color: #FFFFFF;max-height: 47px;overflow: hidden;display: block}
    .s7more{text-align: center}
    .s7more a{font-size: 16px;color: #2E75BA;width: 130px;height: 40px;border: 1px solid #2E75BA;border-radius: 25px;padding: 4px 28px;font-weight: bold}

    .s7_index_news .s7tit{width: 170px;margin: 0 auto;padding: 30px 0 30px 0 }
    .s7_index_list_pic .zoomImage{padding-bottom: 56%;position: relative}
    .s7_index_news .s7more{margin: 30px 0 30px 0 }
    .s7_index_announcement .s7more{margin: 30px 0 30px 0 }
    .s7_index_education_bg .s7more{margin: 30px 0 30px 0 }
    .s7_index_party_bg .s7more{margin: 30px 0 30px 0 }
    .s7_index_exchange .s7more{margin: 30px 0 30px 0 }
    .s7_index_announcement .s7tit{width: 170px;margin: 0 auto;padding: 30px 0 30px 0 }
    .s7_index_education_bg .s7tit{width: 170px;margin: 0 auto;padding: 30px 0 30px 0 }
    .s7_index_exchange .s7tit{width: 220px;margin: 0 auto;padding: 30px 0 30px 0 }
    .s7_index_party_bg .s7tit{width: 170px;margin: 0 auto;padding: 30px 0 30px 0 }
    .s7_index_announcement_list .s7list{margin-bottom: 25px}
    .s7_index_announcement_list .s7list .s7time3{padding-right: 12px}
    .s7_index_party_list .zoomImage{padding-bottom: 65.44%}
    .s7_index_party_list&gt;ul&gt;li .nr{background-color:rgba(0, 0, 0, 0.05);padding: 15px 15px;}
    .s7_index_party_list&gt;ul&gt;li .nr h2{color: #000000;font-size: 18px;max-height:54px;overflow: hidden}
    .s7_index_party_list&gt;ul&gt;li .nr p{font-size: 16px;padding: 15px 0}
    .s7_index_party_list&gt;ul&gt;li .nr span{color: #666666;font-size: 16px;}
    .s7_index_exchange_list_l .zoomImage,.s7_index_exchange_list_r .zoomImage{padding-bottom: 100%;position: relative;margin-bottom: 20px}
    .s7_index_exchange_list .zoomImage .h3{position: absolute;bottom:0;background:linear-gradient(180deg, rgba(14,14,14,0.03) 3%, #333333 106%);width: 100%;padding: 33px;box-sizing: border-box}
    .s7_index_exchange_list .zoomImage .h3 h2{font-size: 18px;color: #FFFFFF;max-height: 47px;overflow: hidden;display: block}
    /*视频*/
    .s7_index_video{position: relative;}
    .s7_index_video video{width: 100%;object-fit: fill;height: 210px}
    .s7_index_video .s7play img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;padding:15% 46%;display:block;width: 80px;height: 80px}
    .s7_index_video .s7play.none{display: none}

    /*s7foot*/

    .s7_foot_bg{width: 100%;background-color: #3A3A3A;color: #FFFFFF;padding-bottom: 20px;clear: both}
    .s7_foot_bg .foot_tit p{font-size: 18px;color: #FFFFFF;padding: 27px 0 20px 0;}
    .s7_foot_bg .use_a{padding-top: 10px}
    .s7_foot_body_right .foot_img img{width: 100%;margin: 40px 0;}
    .s7_foot_body_right .qrcode&gt;ul{display: flex;justify-content: space-around;}
    .s7_foot_body_right .qrcode li{text-align: center;}
    .s7_foot_body_right .qrcode li img{width: 120px;height: 120px}

    /*s7foot*/
    .s7_foot_bg .foot_tit{position: relative;clear:both;}
    .s7_foot_bg .foot_tit .link_list{position:absolute;top: 47px;width: 376px;display: none}
    .s7_foot_bg .foot_tit .link_list.active{display: block;height: 233px;overflow :auto;z-index: 5;width: 100%}
    .s7_foot_bg .foot_tit .link_list a{display: block;width: 100%;background-color: #FFFFFF;line-height: 40px;padding: 0 27px;box-sizing: border-box;}
    .s7_foot_bg .foot_tit p{font-size: 18px;color: #FFFFFF;}
    .s7_foot_bg .link{width:100%;height: 47px;background-color:#626263;margin: 17px 0 36px 0;font-size: 18px;display: flex;justify-content: space-between;padding: 0 27px;box-sizing: border-box;align-items: center;color: #DEDEDE;cursor: pointer}

    .s7_foot_body_right .right_pic{width: 100%;margin: 0 auto;padding-top: 20px}
    .s7_foot_body_right .right_pic&gt;ul{display: flex;justify-content: space-between;width: 100%}
    .s7_foot_body_right .right_pic&gt;ul&gt;li{position: relative;display: flex;flex-direction: column;align-items: center;width: 24%;text-align:center}
    .s7_foot_body_right .right_pic&gt;ul&gt;li p{color: #DEDEDE}
    .s7_foot_body_right .right_pic&gt;ul&gt;li&gt;img{width: 100%}
    .s7_foot_body_right .right_pic&gt;ul .hover{position: absolute;top: -135px;left: -20px;display: none}
    .s7_foot_body_right .right_pic&gt;ul .hover img{width: 120px;height: 120px}
    .s7_foot_body_right .right_pic&gt;ul&gt;li:hover .hover{display: block}


    /*轮播*/
    html {
        overflow-y: scroll;
    }
    .swiper-container {width: 100%; height: 100%;}
    .s7_index_education_bg .s7tit h2:after{background-color:#FFFFFF}
    .s7_index_education_bg .s7tit h2{color:#FFFFFF}
    .s7_index_education_bg .s7more{padding-bottom: 50px}
    .s7_index_education_bg .s7more a{color:#FFFFFF;border: 1px solid #FFFFFF}
    .s7_index_education_bg{background-image: url("../images/s7_index_education_bg.png")}
    .s7_index_education_slide{position: relative;padding-bottom: 231px;-webkit-box-sizing: border-box; box-sizing: border-box;}
    .s7_index_education_slide .zoomImage{padding-bottom: 68.75%}
    .s7_index_education{width: 100%}
    .s7_index_education_slide .nr{width: 87.5%;background-color: #FFFFFF;position: absolute;bottom: 21px;height: 305px;left: 50%;transform: translate(-50%);padding: 33px;box-sizing: border-box}
    .s7_index_education_slide .nr h2{font-size: 20px}
    .s7_index_education_slide .nr p{font-size: 18px;color: #666666;height: 90px;padding-top: 10px;display: block;overflow: hidden}
    .s7_index_education_slide .nr span{font-size:18px;color: #666666;position: absolute;right: 33px;bottom:39px }
    .arrow{display: flex;justify-content: space-between}

    /*s9*/
    .s9_index_inform_left_list&gt;ul li{position: relative;}
    .s9_index_inform_left_list&gt;ul li:not(:first-of-type){margin-top: 20px;}
    .s9_index_inform_left_list&gt;ul li .img img{width: 100%;object-fit: cover;height: 275px}
    .s9_index_inform_left_list&gt;ul li .nr{height: 80px;position: absolute;bottom: 0;width: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0,transparent 100%)}
    .s9_index_inform_left_list&gt;ul li h2{font-size: 16px;color: #FFFFFF;padding: 20px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}

    /*s11*/
    .s11_index_inform_right{position: relative;width: 100%;}
    .s11_index_inform_right .img{width: 100%;overflow: hidden;}
    .s11_index_inform_right .img img{width: 100%;}
    .s11_index_inform_right .nr{position: absolute;bottom: 0;height: 82px;background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0, transparent 100%);width: 100%;display: flex;align-items: center}
    .s11_index_inform_right .nr h2{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;font-size: 18px;padding: 0 15px;color: #FFFFFF;text-shadow:#000 3px 4px 5px}
    /*s20*/
    .s20_index_inform_right img{width: 100%;}

}
/*mobile独立区 安全层级三级 end*/


@media screen and (max-width:980px){
    .n_left .n_list{display: none;}
    .s7_foot_bg .use_a{display: none;}
}










</pre></body></html>