/*author:mxm145*/
/*E-mail:mxm145@163.com*/
@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,
fieldset,legend,input,button,textarea,hr{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
li{list-style:none;text-align:left}
fieldset,img{border:0;vertical-align: middle}
table{border-collapse:collapse;border-spacing:0}
address,cite,dfn,em,var{font-style:normal}
button,input,select,textarea{font-size:100%}
body{background:#fff;text-align:center;font:12px/1.5 'Microsoft Yahei','\5b8b\4f53', Georgia, "Times New Roman", "\5fae\8f6f\96c5\9ed1", STXihei, "\534e\6587\7ec6\9ed1", serif;}
p{text-align:left;text-indent:24px;text-align:justify;text-justify:distribute}
a{text-decoration:none}
a,a:link,a:visited{color:#000}
a:hover,a:active{color:#000;text-decoration:underline}
/*li span{margin-top:3px;display:block;width:100%;float:left}*/
.buding{width:100%;height:20px;font-size:0;clear: both}
.moreright1{color:#FF0000;float:right}
.moreright2{color:#FF0000;font-size:14px;margin-top:20px;margin-right:10px;display:inline;float:right}
.moreright3{color:#FF0000;margin-top:24px;margin-right:20px;display:inline;float:right}
.moreright1 a,.moreright1 a:link,.moreright1 a:visited,.moreright1 a:hover,.moreright1 a:active{color:#FF0000}
.moreright2 a,.moreright2 a:link,.moreright2 a:visited,.moreright2 a:hover,.moreright2 a:active{color:#FF0000}
.moreright3 a,.moreright3 a:link,.moreright3 a:visited,.moreright3 a:hover,.moreright3 a:active{color:#FFFE00}
.fl{float:left}
.fr{float:right}
.cl{clear:both;}
.mt{margin-top:10px}
.ml{margin-left:15px}
.mr{margin-right:10px}
.pt{padding-top:10px}
.f14{font-size:14px}
.f18{font-size: 18px}
.w100{width:100%;}
.tl{text-align:left}
.tr{text-align:right}
.pl{padding-left: 20px;}
.pr{padding-right: 20px;}
.middiv1{width:1200px;margin:0px auto;clear:both}
.middiv2{width:1150px;margin:0px auto;clear:both}
.middiv3{width:790px;margin:0px auto;clear:both}
.middivfull{width:100%;margin:0px auto;clear:both;height: 560px;}


.mask{width:100%;height:40px;background-color:#000;filter:alpha(opacity=60);opacity:.6;position:absolute;left:0;bottom:0;z-index:1;}
.text{width:100%;height:40px;line-height:40px;color:#fff;font-size:14px;font-family:'MicrosoftYahei';position:absolute;left:0;bottom:0;z-index:2;}
.nmask{width:100%;height:40px;line-height:40px;color:#fff;font-size:14px;background:rgba(0, 0, 0, .6);position:absolute;left:0;bottom:0;z-index:1;}
.text a,.text a:link,.text a:visited,.nmask a,.nmask a:link,.nmask a:visited{color:#fff}
.dotline{height:15px;border-bottom:1px dashed #dbdbdb}
.hide{display:none}
.show{display:block}
#bottom{width:100%;padding-top:30px;color:#fff;font-size:14px;line-height:30px;float:left;  background: #36bfbd}
#bottom a,#bottom a:link,#bottom a:visited,#bottom a:hover,#bottom a:active {color:#fff}

.layertit{width: 100%;float: left;height: auto; }
.layertit img{width: 100%; height: 100%;}
.layertitMT{margin-top: 10px;}

.tpic{float: left;}
.tpicmt{margin-top: 30px;}
.tpic2{float: left; margin-left: 500px;}

.dot{color: #d83d43;padding-right: 5px; font-size: 22px;}

ul.topb a,
.layer011
{
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom:45%;
    display: none;
}
.layer011 img
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

 .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #666;
    background-color: rgba(50,50,50,.5);
    text-align: center;
    color: #fff;
}
 .title a, .title a:visited {
    display: block;
    line-height: 1.45;
    color: #fff;
    padding: .5em 10px;
}


.layer_more {
    width: 78px;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    float: right; 
    margin-top: 5px;

    
}
.layer_more a{color: #000;}


.layertit{padding-top: 30px;}

.layer01
{
    height:840px;
    background: url(../images/pic01.jpg) no-repeat center top;
 
}

.layer02
{
	height:auto;
    padding-bottom:60px;
   
}




.layer02_bg{width: 100%; height: auto; float: left;  margin-top: 50px; margin-bottom: 50px; }
/*========== layer02 选项卡 + 图文列表 ==========*/
.layer02_menu{width: 1200px; height: auto; margin: 0 auto; display: flex; justify-content: space-between;}
.layer02_nav{position: relative; width: 359px; height: 113px; cursor: pointer; opacity: .5; transition: opacity .3s;}
.layer02_nav img{width: 359px; height: 113px; display: block;}
.layer02_nav:hover{opacity: .8;}
/*选中状态：原色显示 + 投影 + 底部指示三角（不做放大）*/
.layer02_nav_act,
.layer02_nav_act:hover{opacity: 1; filter: drop-shadow(0 6px 10px rgba(20,120,140,.35));}
.layer02_nav_act::after{content: ""; position: absolute; left: 50%; bottom: -14px; width: 0; height: 0; margin-left: -9px;
	border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 10px solid #6ed3c9;}

.layer02_box{width: 1200px; height: auto; margin: 50px auto 0; padding: 45px 0 25px; background: #f0f0f0;}
.layer02_con{width: 1030px; height: auto; margin: 0 auto; display: flex; flex-wrap: wrap;}
.layer02_item{width: 300px; height: auto; margin: 0 65px 25px 0; overflow: hidden;}
.layer02_item:nth-child(3n){margin-right: 0;}
/*缩略图容器：固定300×200白底，图片高度200px、宽度按原比例居中显示*/
.layer02_item_img{width: 300px; height: 200px; overflow: hidden; background: #fff;
	display: flex; align-items: center; justify-content: center;}
.layer02_item_img a{display: block; width: 100%; height: 100%;}
/*图片高度固定200px，宽度按原比例适配，居中*/
.layer02_item_img img{width: 100%; height: 200px; display: block; cursor: pointer;
	object-fit: contain; object-position: center center;}

/*文字四行：作品名称/奖项名称/作者/报送单位（左对齐，参考示例图）*/
.layer02_item_txt{width: 100%; height: auto; margin-top: 14px;}
.layer02_item_txt p{width: 100%; height: auto; line-height: 24px; margin: 0; font-size: 15px; color: #333;
	text-align: left; text-indent: 0; white-space: normal; word-wrap: break-word; word-break: break-word;}
/*作品名称：字号加大，下方细分隔线*/
.layer02_item_txt p.layer02_item_t{font-size: 18px; line-height: 28px; color: #000;
	padding-bottom: 14px; margin-bottom: 20px; border-bottom: 1px solid #bfbfbf;}
/*奖项名称*/
.layer02_item_txt p:nth-of-type(2){font-size: 16px; line-height: 24px; color: #333; margin-bottom: 18px;}
/*作者、报送单位*/
.layer02_item_txt p:nth-of-type(3){font-size: 14px; line-height: 22px; color: #444; margin-bottom: 6px;}
.layer02_item_txt p:nth-of-type(4){font-size: 14px; line-height: 22px; color: #444; margin-bottom: 0;}

@media (max-width: 768px) {
	 .layer01
    {
        display: none;
    }


    .layer011,.layer093
    {
        display: block;
    }
    .middiv1,.middiv2,.layer021,.layer031,.layer042,.layer052,.layer052 li,.layer061,.layer062,.layer071,.layer092,.layer141,.layer161 li
    {
        width: 100%;
    }
    .layer032,.layer041,.layer051,.layer071,.layer091
    {
        width: 96%;
        margin: 0 auto;
    }
    .layer01,.layer02,.layer03,.layer04,.layer042,.layer05,.layer052 li,.layer06,.layer07,.layer08,.layer09,.layer092,.layer10,.layer11,.layer12,.layer121,.layer15,.layer16,#bottom
    {
        background: none;
        height: auto;
    }
    .layer021,.layer031,.layer052 li,.layer061,.layer081,.layer082,.layer083,.layer092,.layer121,.layer141
    {
        margin: 0
    }
  .layer_more{float:none;}
    .fl{float: none;}
    .fr{float: none;}
 .layertit{float: none; margin-top: 0px; width:100%; margin: 0 auto;padding-bottom:10px;}   

.layer_more{float: none}


.layertit img{width: 100%;}

.layer02_bg{width: 95%;float: none; margin: 0 auto; height: auto; padding-bottom: 0px; margin: 0 auto;  }
	.layer02{padding-bottom: 20px;}
	.layer02_menu{width: 96%; flex-wrap: wrap; justify-content: center;}
	.layer02_nav{width: 31%; height: auto; margin: 1.5% 0;}
	.layer02_nav img{width: 100%; height: auto;}
	.layer02_box{width: 96%; margin: 20px auto 0; padding: 15px 0 5px;}
	/*手机端两列瀑布流：改为 JS 分列（把列表项交替放进 .layer02_col），
	  iOS Safari 下 column-count 会出现首行顶部错位，故不再使用多列布局*/
	.layer02_con{width: 94%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
	.layer02_col{width: 48%; display: block;}
	/*未生成 .layer02_col 时（JS 未执行）降级为两列等高网格，两列各 48%*/
	.layer02_item{width: 48%; margin: 0 0 15px 0;}
	/*生成列容器后，列内列表项满宽纵向堆叠，形成瀑布流*/
	.layer02_col .layer02_item{width: 100%;}
	.layer02_item:nth-child(3n){margin-right: 0;}
	/*图片区取消 flex 居中，改为块级铺满，保证两列第一行图片顶部严格对齐*/
	.layer02_item_img{width: 100%; height: auto; display: block;}
	.layer02_item_img a{height: auto;}
	.layer02_item_img img{width: 100%; height: auto; object-fit: fill;}
	.layer02_item_txt{margin-top: 10px;}
	.layer02_item_txt p{height: auto; line-height: 22px; font-size: 13px;}
	.layer02_item_txt p.layer02_item_t{font-size: 16px; line-height: 24px; padding-bottom: 10px; margin-bottom: 14px;}
	.layer02_item_txt p:nth-of-type(2){font-size: 14px; line-height: 22px; margin-bottom: 12px;}
	.layer02_item_txt p:nth-of-type(3),
	.layer02_item_txt p:nth-of-type(4){font-size: 13px; line-height: 20px;}
#bottom{ font-size: 12px;background: #36bfbd}



}


/*========== 作品大图弹层 ==========*/
.layer02_pop{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999;}
.layer02_pop_mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8);}
/*宽1000像素，高度随图片自适应；图片过高时自动等比缩小宽度，保证高度不超屏幕；水平垂直居中*/
.layer02_pop_box{position: absolute; left: 50%; top: 50%; width: auto; height: auto;
	transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.layer02_pop_box img{display: block; width: auto; height: auto; max-width: 1000px; max-height: calc(100vh - 120px);}
.layer02_pop_close{position: absolute; right: -54px; top: -54px; width: 40px; height: 40px;
	line-height: 38px; font-size: 30px; font-family: Arial, '\5b8b\4f53'; color: #fff; text-align: center;
	cursor: pointer; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; background: rgba(0,0,0,.3);}
.layer02_pop_close:hover{background: rgba(255,255,255,.3);}

/*大图弹层适配：宽度取屏幕的90%，高度随图片自适应且不超屏*/
@media (max-width: 1024px) {
	.layer02_pop_box img{max-width: 90vw; max-height: calc(100vh - 100px);}
	.layer02_pop_close{right: 0; top: -46px;}
}



<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2026-10-30 17:05:28" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->