@charset "utf-8";

html{font-size:625%; /*100 ÷ 16 × 100% = 625%*/}

/* 初始化 */
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; -webkit-tap-highlight-color:transparent}
h1, h2, h3, h4, h5, h6, code, dfn, em, var, i, b{font-style:normal; font-weight:normal}
body{font-family:var(--f-family);  
      /*-webkit-filter: grayscale(100%); 
		  filter: grayscale(100%); */
      }
:focus{outline:1}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
ul, ol, li{list-style:none}
blockquote,q{quotes:none}
a{margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; color:inherit}
ins{text-decoration:none}
ins,mark{background-color:#ff9; color:#000}
mark{font-style:italic; font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000; cursor:help}
table{border-collapse:collapse; border-spacing:0}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0}
button, input, textarea, select{font-family:var(--f-family); border:0; outline:0; vertical-align:middle}

:root{
	--f-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft Yahei,Helvetica Neue,STHeiti,Tahoma,Simsun,sans-serif; /* 全局字体 */
	--i_color:#1D5DA5;	  /* 全局颜色 */
	--i_color2:#FFA400;	  /* 副颜色 */
	--f_fixed_h: 1rem;    /* 网页底部固定栏高度 */
}

/* 输入框内文字 */
input::-webkit-input-placeholder{font-family:var(--f-family); color:#999; font-size:.24rem}
input::-moz-placeholder{font-family:var(--f-family); color:#999; font-size:.24rem   /* Mozilla Firefox 19+ */}
input:-moz-placeholder{font-family:var(--f-family); color:#999; font-size:.24rem    /* Mozilla Firefox 4 to 18 */}
input:-ms-input-placeholder{font-family:var(--f-family); color:#999; font-size:.24rem  /* Internet Explorer 10-11 */}
/*滚动条*/
::-webkit-scrollbar{width:8px; height:8px}
::-webkit-scrollbar-thumb{border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.4)}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:rgba(0,0,0,0.1)}
/* 复制选中 */ 
::selection{background:#338FFF; color:#FFF}
::-moz-selection{background:#338FFF; color:#FFF}
::-webkit-selection{background:#338FFF; color:#FFF}

.wrap{width:97%; margin:0 auto}
.fl{float:left}
.fr{float:right}
.clear{clear:both}



/* -------------------------- header -------------------------- */
header{}

/* top */
.top{padding:6px 0; display:-webkit-flex; display:flex; align-items:center; overflow:hidden}

/* logo */
.logo{display:block}
.logo img{max-height:.9rem}

.search{margin:0 2% 0 auto; width:20px; height:20px; background:url(../images/fdj.png) no-repeat center}

.notice{margin:0 2% 0; width:20px; height:20px; background:url(../images/top_ico2.png) no-repeat center}


/* -------------------------- 导航 -------------------------- */
.hide{display:none!important}

#g-wp{margin:0 auto; padding:0; background:#FFF; transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); z-index:2}

.u-menu{display:inline-block; width:20px; margin:0 2% 0; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:99}
body.z-open .u-menu{margin-left:4%!important}
.u-menu div{position:absolute; left:0; top:0; width:20px; height:24px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s}
.u-menu div i{position:absolute; left:0; top:0; display:block; width:20px; height:2px; background:var(--i_color)}
.u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

.u-mask{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:999999999999999999}

.m-nav{width:45%; height:100%; right:-45%; top:0; background:#FFF; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:1}
.m-nav h2{margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center}
.m-nav li{position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px}
.m-nav li a{display:block}
.m-nav li a:hover,.m-nav .current a{color:var(--i_color)}
.m-nav .current:after{position:absolute; content:""; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid var(--i_color)}

body.z-open .m-nav {transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);}
body.z-open .g-wp {transform:translate3d(-45%,0,0);-webkit-transform:translate3d(-45%,0,0);}
body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px)}
body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu .u-menu-middle{display:none}






/* -------------------------- 网站主体 -------------------------- */
main{overflow:hidden}

/* 首页栏目标题 */
.i_tit{margin-bottom:14px; overflow:hidden}
.i_tit h1{float:left; font-size:.34rem; color:#303030}
.i_tit a{float:right; display:inline-block; padding:0 12px; font-size:.24rem; color:#A2A2A2}
.i_tit h1, .i_tit a{line-height:.5rem}
.i_tit a:hover{color:var(--i_color)}

/* 视频列表一排2个 */
.n2_list li{float:left; width:calc((100% - 2%) / 2); margin:0 2% 20px 0}
.n2_list li:nth-child(2n){margin-right:0}

/* 视频列表主要布局 - 上图下标题 */
.i_video_img_txt{overflow:hidden}
.i_video_img_txt .img{width:100%; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; position:relative; overflow:hidden}
.i_video_img_txt .img:before{content:""; display:block; padding-bottom:56.25%}
.i_video_img_txt .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}
.i_video_img_txt .txt{margin-top:4px; max-width:85%}
.i_video_img_txt .txt p{font-size:.24rem; color:#616161; line-height:.34rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}





/* -------------------------- 头部新闻 -------------------------- */
.top_news{margin:0 auto; overflow:hidden}

/* 首页- 顶部新闻轮播 */
.swiper_top_news{width:100%}

.swiper_top_news{padding:0; margin:0 auto; position:relative; overflow:hidden; z-index:1}
.swiper_top_news_list{width:100%; overflow:hidden}
.swiper_top_news_list .swiper-wrapper{
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
	box-sizing:content-box;
	}
.swiper_top_news_list .swiper-slide{
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	flex-shrink:0;
	position:relative;
	transition-property:transform;
	}
.swiper_top_news_list .swiper-slide a{display:block; width:100%; overflow:hidden}

.swiper_top_news_list .img{position:relative; overflow:hidden}
.swiper_top_news_list .img:before{content:""; display:block; padding-bottom:56.25%}
.swiper_top_news_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}

.swiper_top_news_list .txt{position:absolute; left:0; bottom:0; width:calc(100% - 6%); padding:8px 3%; background:rgba(0,0,0,.5)}
.swiper_top_news_list .ico img{width:24px; height:24px; margin-right:5px}
.swiper_top_news_list .txt p{
	max-width:74%;
	line-height:22px;
	font-size:.24rem;
	color:#FFF;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	}

/* 首页- 顶部新闻轮播 - 圆点指示器 */
.topnews-pagination{
	position:absolute;
	bottom:16px;
	right:20px;
	cursor:pointer;
	-webkit-transition:.3s opacity; -o-transition:.3s opacity; transition:.3s opacity; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);
	z-index:10;
	}
.topnews-pagination .swiper-pagination-bullet{width:8px; height:8px; display:inline-block; background:#FFF; margin:0 2px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; outline:none}
.topnews-pagination .swiper-pagination-bullet-active{position:relative; background:var(--i_color2)}

/* 头条新闻列表 */
.top_news_list{margin:12px auto; overflow:hidden}






/* -------------------------- 平台入驻 -------------------------- */
.i_ptrz{width:100%; padding:20px 0 10px; margin-bottom:24px; background:rgba(0,0,0,.05)}
.i_tit_p{font-size:.24rem; color:#A0A0A0; text-align:center}

.i_ptrz dl{margin-top:16px; overflow:hidden}
.i_ptrz dt{float:left; width:16.8%; margin:0 4% 22px 0; text-align:center}
.i_ptrz dt:nth-child(5n){margin-right:0}
.i_ptrz dt img{width:40px; border:1px solid #DDD; -webkit-border-radius:16px; -moz-border-radius:16px; -o-border-radius:16px; border-radius:16px}
.i_ptrz dt p{margin-top:4px; font-size:.22rem; color:#727272; height:0.5rem;}






/* -------------------------- 首页栏目盒子 -------------------------- */
.i_v_list_box{margin-bottom:20px; overflow:hidden}






/* -------------------------- 校园导航 -------------------------- */
.i_xy_nav{margin-bottom:34px; overflow:hidden}
.i_xy_nav ul{overflow:hidden}
.i_xy_nav li{float:left; width:48%; margin:0 4% 0 0; position:relative}
.i_xy_nav li:nth-child(2n){margin-right:0}
.i_xy_nav li:before{content:""; position:absolute; top:50%; left:0; margin-top:-2px; width:4px; height:4px; background:var(--i_color2); -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%}
.i_xy_nav li a{display:block; padding-left:10px; font-size:.22rem; color:#737373; line-height:.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_xy_nav li a:hover{color:var(--i_color2); text-decoration:underline}






/* 底部导航 */
.f_all_nav{margin-top:20px; font-size:0; overflow:hidden}
.f_all_nav li{border-top:1px solid rgba(0,0,0,.08); position:relative}
.f_all_nav li:after{content:">"; position:absolute; top:0; right:10px; line-height:42px; font-family:simsun; font-size:18px; color:#777}
.f_all_nav a{display:block; padding-left:10px; font-size:16px; color:#777; line-height:42px}




/* 底部固定菜单 */
.f_fixed{--f_ico_size:.35rem; --f_ico_wz:-.35rem}  /* 图标尺寸大小 */
.f_fixed{width:100%; background:var(--i_color); overflow:hidden; position:fixed; left:0; bottom:0; z-index:99999}
.f_fixed li{float:left; width:20%; position:relative}
.f_fixed li:before{content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:rgba(255,255,255,.1)}
.f_fixed li:last-child:before{display:none}
.f_fixed a{display:flex; justify-content:center; align-items:center}
.f_fixed a>div{display:block; width:100%}
.f_fixed, .f_fixed a{height:var(--f_fixed_h)}
.f_fixed p{text-align:center; font-size:.22rem!important; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.f_fixed em{display:block; margin:0 auto .08rem; width:var(--f_ico_size); height:var(--f_ico_size); background:url(../images/f_fixed_ico.png) no-repeat; background-size:var(--f_ico_size)}

.f_fixed li:nth-child(1) em{background-position:0 0}
.f_fixed li:nth-child(2) em{background-position-x:0; background-position-y:var(--f_ico_wz)}
.f_fixed li:nth-child(3) em{background-position-x:0; background-position-y:calc(var(--f_ico_wz) * 2)}
.f_fixed li:nth-child(4) em{background-position-x:0; background-position-y:calc(var(--f_ico_wz) * 3)}
.f_fixed li:nth-child(5) em{background-position-x:0; background-position-y:calc(var(--f_ico_wz) * 4)}








/* -------------------------- 底部 -------------------------- */
footer{padding-bottom:var(--f_fixed_h); overflow:hidden}

.back_top{display:table; min-height:16px; padding-left:24px; margin:0 auto; text-align:center; font-size:.28rem; color:#888; background:url(../images/back_ico.png) no-repeat left center}

.f_copy{text-align:center; padding:16px 0; margin-top:12px; border-top:1px solid rgba(0,0,0,.08)}

.f_nav{text-align:center}
.f_nav ul{display:inline-block; vertical-align:top}
.f_nav li{float:left; text-align:center; padding:0 12px; position:relative}
.f_nav li:last-child:after{display:none}
.f_nav li:after{content:""; position:absolute; top:50%; right:0; margin-top:-6px; width:2px; height:12px; background:rgba(0,0,0,.2)}
.f_copy p, .f_nav li a{display:block; margin-top:6px; font-size:.24rem; color:#787878; line-height:.35rem}
.f_nav li a:hover{color:var(--i_color); text-decoration:underline}









/* -------------------------- 内页 -------------------------- */

/* 当前位置 */
.position{overflow:hidden; margin-bottom:8px; background:rgba(0,0,0,.05)}
.position dl{overflow:hidden}
.position dt{float:left}
.position dt a{font-size:12px; color:#333; line-height:36px; position:relative}
.position dt a:before{content:">"; margin:0 6px; color:#333!important}
.position dt a:hover{color:var(--i_color)}
.position dt:first-child a:before{content:"当前位置 ："; margin:0}

.ny_tit{overflow:hidden; margin:12px auto; background:rgba(0,0,0,.05); position:relative}
.ny_tit:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:3px; height:56%; background:var(--i_color)}
.ny_tit h1{padding:0 3%; font-size:.32rem; color:#333; line-height:.6rem}


/* -------------------------- 搜索页 -------------------------- */
.i_search{--height:36px}
.i_search{border-bottom:1px solid rgba(0,0,0,.05); padding:10px 0; overflow:hidden}

.i_search form{display:-webkit-flex; display:flex; align-items:center}

.sc_input{padding-left:12px; width:56%; height:var(--height); background:rgba(0,0,0,.05); border-right:none}
.sc_input input{padding-left:24px; font-size:.24rem; color:#555; line-height:var(--height); background:url(../images/fdj.png) no-repeat left center; outline:none}

.i_search dl{width:40%; margin-left:auto}
.i_search dt{float:left; width:48.5%; margin-right:3%}
.i_search dt:last-child{margin-right:0}
.i_search dt input{width:100%; color:#FFF; border:0; background:var(--i_color); font-size:.24rem; height:var(--height); margin:0; outline:0; cursor:pointer}
.i_search dt:hover input{background:var(--i_color2)}

/* 最近热搜 */
.new_search{margin:20px auto 10px; overflow:hidden}
.new_search>h1{margin-bottom:10px; font-size:.28rem; color:#555}

.new_search ul{counter-reset:section; overflow:hidden}
.new_search li{float:left; width:46%; margin-right:4%; counter-reset:subsection; position:relative}
.new_search li:before{counter-increment:section; content:counter(section); position:absolute; top:50%; transform:translate(0,-50%); left:0; padding:0 4px; font-size:.22rem; color:#555; background:rgba(0,0,0,.07)}
.new_search li:nth-child(1):before{background:#FF0528; color:#FFF}
.new_search li:nth-child(2):before{background:#FF6F19; color:#FFF}
.new_search li:nth-child(3):before{background:#FFAC00; color:#FFF}
.new_search li:nth-child(2n){margin-right:0}

.new_search li a{display:block; padding-left:.4rem; font-size:.24rem; color:#777; line-height:.7rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}






/* -------------------------- 内页 - 视频列表页 -------------------------- */
.ny_v_list{margin:10px auto 26px; overflow:hidden}


 
/* 二级栏目导航 */
.in_nav_list{text-align:center}
.in_nav_list ul{display:inline-block; vertical-align:top}
.in_nav_list li{float:left; margin:0 3px}
.in_nav_list a{display:block; margin:15px 0 5px; padding:0 24px; line-height:36px; font-size:14px; color:#888; background:rgba(0,0,0,.08)}
.in_nav_on{background:var(--i_color)!important; color:#FFF!important}





/* 视频详情页 */
.ny_video_art{overflow:hidden}

.video_play_box{margin-bottom:40px}

.video_play_box .tit{margin-bottom:30px; overflow:hidden}
.video_play_box .tit h1{font-size:.38rem; color:#333}
.video_play_box .tit .time{font-size:14px; color:#777; margin:5px 0}

/* 视频 */
#video{width:100%; height:240px; margin:0 auto; position:relative; cursor:pointer}
#video video{width:100%; height:100%; object-fit:contain}
.VideoBtn{position:absolute; left:50%; top:50%; display:block; width:70px; height:70px; margin-left:-35px; margin-top:-35px; cursor:pointer; z-index:10}

.download{display:inline-block; margin:20px 0 0; border:1px solid #DDD}
.download a{display:block; font-size:16px; color:#444; line-height:40px; padding:0 30px}



/* 相关视频 */
.xg_video_list{margin-bottom:50px}

.xg_tit{margin-bottom:20px; font-size:18px; color:#333}







/* -------------------------- 通知公告 新闻列表 -------------------------- */
.ny_news_list{margin-bottom:55px}
.ny_news_list li{width:100%; border-bottom:1px dashed #DDD; overflow:hidden}

.ny_news_list a{float:left; padding-left:15px; max-width:70%; font-size:.25rem; color:#484848; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ny_news_list a:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:4px; height:4px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; background:var(--i_color2)}
.ny_news_list i{float:right; font-size:.22rem; color:#999}
.ny_news_list a, .ny_news_list i{line-height:.62rem}

.ny_news_list li:hover a{color:var(--i_color)}





/* 通知公告 新闻列表 详情页 */
.ny_news_art_cont{margin-top:.4rem}

.ny_news_art_head{margin-bottom:22px; overflow:hidden}
.ny_news_art_head h1{font-size:.38rem; color:#000; font-weight:bold}
.ny_news_art_head p{font-size:.24rem; color:#999; margin-top:10px}
.ny_news_art_head i{margin-right:10px}

article, article *{font-size:15px; line-height:32px; color:#666}
article img{display:block; max-width:100%; height:initial!important}





/* 内页 - 走进校园 */
.school_list{margin:26px auto; overflow:hidden}
.school_list dt{margin-bottom:26px}

.school_list dt>h2{padding-bottom:10px; margin-bottom:10px; font-size:20px; color:#333; font-weight:bold; border-bottom:1px solid rgba(0,0,0,.06)}

.school_list ul{overflow:hidden}
.school_list li{float:left; width:48%; margin:0 4% 0 0; font-size:13px; color:#737373; line-height:34px; position:relative}
.school_list li:nth-child(2n){margin-right:0}
.school_list li:before{content:""; position:absolute; top:50%; left:0; margin-top:-2px; width:4px; height:4px; background:var(--i_color2); -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%}
.school_list li a{display:block; padding-left:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.school_list li a:hover{color:var(--i_color2); text-decoration:underline}




/* 走进校园 - 校园首页 */
.ny_school_home{margin-top:12px}

.ny_school_home_log{margin:0 auto 40px; overflow:hidden}


.ny_school_home_log h1{font-size:20px; color:#444}
.ny_school_home_log a{display:block; margin:10px 0 0; text-align:center; width:100px; line-height:32px; border:2px solid var(--i_color); font-size:15px; color:var(--i_color)}
.ny_school_home_log a:hover{background:var(--i_color); color:#FFF}





/* 页数 */
.page-box{text-align:center; overflow:hidden; margin:16px auto}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#666; font-size:.22rem; padding:5px 10px; margin:0 2px; box-sizing:border-box; border:1px solid #DDD}
.pages a:nth-child(1){margin-left:0!important}
.pages .on{background:var(--i_color)!important; color:#FFF!important}
.pages a:hover{background:var(--i_color); color:#FFF}
/* 上一篇 下一篇 */
.updown{margin:50px 0 60px; overflow:hidden}
.up{margin-bottom:8px; overflow:hidden}
.updown p{opacity:.5; padding:0 5px 0 22px; display:inline-block; font-size:15px; color:#000; -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -o-filter:grayscale(1); -ms-filter:grayscale(1); filter:grayscale(1)}
.up p{background:url(../images/up_ico.png) no-repeat left center}
.down p{background:url(../images/down_ico.png) no-repeat left center}
.updown a{font-size:15px; color:#555}
.updown a:hover{color:var(--i_color); text-decoration:underline}
.updown>div:hover p{opacity:1; color:var(--i_color); -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0); filter:grayscale(0)}



/* html{
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
filter:gray; 
}*/