@charset "utf-8";

/* 引入字体 */
@font-face{
	font-family:'IMPACT';
	src:url('../fonts/IMPACT.woff') format("woff"),
		url('../fonts/IMPACT.TTF') format("truetype"),
		url('../fonts/IMPACT.eot') format("embedded-opentype"),
		url('../fonts/IMPACT.svg') format("svg");
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{margin:0; padding:0}
body, button, input, select, textarea{font:13px/1.5 微软雅黑, "Microsoft Yahei", tahoma, Arial, helvetica, sans-serif}
body{min-width:1340px}
h1, h2, h3, h4, h5, h6, code, dfn, em, var, i, b{font-style:normal; font-weight:normal}
ul, ol, li{list-style:none}
input, textarea{outline-style:none; border:0}
a{
	text-decoration:none;
	color:#333;
	tap-highlight-color:rgba(0,0,0,0); 
	focus-ring-color:rgba(0, 0, 0, 0); 
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
	-webkit-focus-ring-color:rgba(0, 0, 0, 0); 
	-moz-tap-highlight-color:rgba(0,0,0,0); 
	-moz-focus-ring-color:rgba(0, 0, 0, 0);
}
/*用来解决在安卓上的点击出现篮框问题*/
body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      /* -webkit-filter: grayscale(100%);  
		  filter: grayscale(100%) */;
}
/*解决ios上去除微信点击蓝色边框 */
a:focus, input:focus, p:focus, div:focus{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
/* 表单文字 */
input::-webkit-input-placeholder{color:#AAA; font-size:13px}
input::-moz-placeholder{color:#AAA; font-size:13px}
input:-moz-placeholder{color:#AAA; font-size:13px}
input:-ms-input-placeholder{color:#AAA; font-size:13px}
/*滚动条*/
::-webkit-scrollbar{width:6px; height:8px}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:var(--i_color)}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:#F1F1F1}
/* 复制选中 */ 
/* ::selection{background:#DC1208; color:#FFF}
::-moz-selection{background:#DC1208; color:#FFF}
::-webkit-selection{background:#DC1208; color:#FFF} */

.fl{float:left}
.fr{float:right}
.container{overflow:hidden}
.pr{position:relative}
.clear{clear:both}
.wrap{width:1200px; margin:0 auto}

:root{
	--i_color:#1D5DA5;	  /* 全局颜色 */
	--i_color2:#FFA400;	  /* 副颜色 */
}

/* header */
header{}

/* top */
.top{height:112px}

/* logo */
.logo{position:absolute; top:50%; left:0; transform:translate(0,-50%)}
.logo img{max-height:76px}

/* 顶部图标 */
.top_ico{position:absolute; top:50%; right:264px; transform:translate(0,-50%); z-index:99999999}
.top_ico dt{float:left; height:18px; margin-left:20px; position:relative; cursor:pointer}
.top_ico dt img{display:flex; align-items:center; max-height:100%}

.top_qr{display:none; position:absolute; left:50%; transform:translate(-50%,0); margin-top:10px; padding:2px; background:#FFF; box-shadow:0 0 14px rgba(0,0,0,.3)}
.top_qr img{width:100px}
.top_ico dt:hover .top_qr{display:block}


/* 搜索 */
.searchBox{--height:40px}
.searchBox{position:absolute; top:50%; transform:translate(0,-50%); right:358px}

.sc_input{padding-left:12px; width:310px; height:var(--height); box-sizing:border-box; border:1px solid #DDD; border-right:none}
.sc_input input{padding-left:24px; font-size:13px; color:#B2B2B2; line-height:var(--height); background:url(../images/fdj.png) no-repeat left center; outline:none}

.searchBox dt{float:left; margin-right:5px}
.searchBox dt input{width:82px; color:#FFF; border:0; background:var(--i_color); font-size:14px; height:var(--height); margin:0; outline:0; cursor:pointer}
.searchBox dt:hover input{background:var(--i_color2)}


/* 栏目组电话 */
.top_tel{position:absolute; top:50%; transform:translate(0,-50%); right:0; font-size:16px; line-height:112px; color:#777;*display:flex;}
.top_tel i{font-size:20px; color:var(--i_color2); font-weight:bold}
.top_tel p{line-height:28px;text-align:right;}


/* nav */
.nav{--nav_height:52px;margin-bottom: 1px;}
.nav{width:100%; height:var(--nav_height); background:var(--i_color); position:relative}
.nav:before{content:""; position:absolute; top:0; left:0; width:100%; height:6px; background:rgba(255,255,255,.08)}

.nav>ul>li{float:left; text-align:center; position:relative}
.nav>ul>li:after, .nav>ul>li:first-child:before{content:""; position:absolute; top:50%; margin-top:-11px; width:1px; height:22px; background:rgba(255,255,255,.14)}
.nav>ul>li:after{right:0}
.nav>ul>li:first-child:before{left:0}
.nav>ul>li>a{display:block; font-size:14px; color:#FFF; line-height:var(--nav_height); position:relative}

.nav dl{display:none; position:absolute; width:100%; background:#FFF; z-index:9999; box-shadow:0 0 10px rgba(0,0,0,.2)}
.nav dl dt{width:100%; text-align:center; border-bottom:1px solid rgba(0,0,0,.08)}
.nav dl dt:last-child{border-bottom:none}
.nav dt a{display:block; font-size:13px; color:#888; line-height:34px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.nav dt:hover a{background:rgba(0,0,0,.04); color:var(--i_color2)}

.nav_on, .nav>ul>li:hover>a{background:var(--i_color2)}
.nav_on:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:rgba(0,0,0,.2)}





/* 网页主体 */
main{overflow:hidden}

/* 首页栏目标题 */
.i_tit{margin-bottom:24px; overflow:hidden}
.i_tit h1{float:left; font-size:23px; color:#303030}
.i_tit a{float:right; display:inline-block; padding:0 12px; line-height:30px; box-sizing:border-box; border:1px solid rgba(0,0,0,.1); font-size:12px; color:#A2A2A2}
.i_tit a:hover{background:var(--i_color); color:#FFF}

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

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

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

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

/* 视频列表主要布局 - 上图下标题 */
.i_video_img_txt{overflow:hidden}
.i_video_img_txt .img{width:100%; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; border-radius:6px; 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:12px; max-width:85%}
.i_video_img_txt .txt p{font-size:13px; color:#616161; height:48px; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}

/* 视频列表 主要布局 鼠标效果 */
.play_ico .img:after{opacity:0; filter:alpha(opacity=0); content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%,-50%); background:rgba(0,0,0,.3) url(../images/play_icon.png) no-repeat center; background-size:70px}
.play_ico li:hover .img:after{opacity:1; filter:alpha(opacity=100); background-size:50px}
.play_ico .img:after{-webkit-transition:all .25s ease; -moz-transition:all .25s ease; -ms-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease}

.play_ico li:hover p{color:var(--i_color)}




/* 头部新闻 */
.top_news{background:#F5F5F5; padding:30px 0; overflow:hidden}

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

.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{overflow:hidden}
.swiper_top_news_list .img img{width:100%; height:400px; object-fit:cover} */


.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% - 40px); padding:8px 20px; background:rgba(0,0,0,.75)}
.swiper_top_news_list .ico img{width:42px; height:42px}
.swiper_top_news_list .txt p{
	position:absolute;
	left:78px;
	top:50%;
	transform:translate(0,-50%);
	max-width:62%;
	line-height:22px;
	font-size:15px;
	color:#FFF;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
	}


/* 首页- 顶部新闻轮播 - 圆点指示器 */
.topnews-pagination{
	position:absolute;
	bottom:22px;
	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:10px; height:10px; display:inline-block; background:#FFF; margin:0 4px; -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)}

/* 首页- 顶部新闻轮播 - 左右箭头 */
.topnews-button-prev, .topnews-button-next{
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	width:40px;
	line-height:70px;	
	background:rgba(0,0,0,.5);
	text-align:center;
	font-family:宋体, SimSun, sans-serif, NSimSun;
	font-size:40px;
	color:#FFF;
	z-index:999;
	outline:none;
	cursor:pointer;
	-moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none; /*早期浏览器*/
    user-select:none;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.topnews-button-prev{left:-60px; -webkit-border-radius:0 7px 7px 0; -moz-border-radius:0 7px 7px 0; -o-border-radius:0 7px 7px 0; border-radius:0 7px 7px 0}
.topnews-button-next{right:-60px; -webkit-border-radius:7px 0 0 7px; -moz-border-radius:7px 0 0 7px; -o-border-radius:7px 0 0 7px; border-radius:7px 0 0 7px}
.swiper_top_news:hover .topnews-button-prev{left:0}
.swiper_top_news:hover .topnews-button-next{right:0}




/* 右侧头条新闻列表 */
.top_news_list{width:462px; overflow:hidden}






/* 教学动态 + 平台入驻 */
.jxdt_list_box{width:55%}
.jxdt_list_box .n3_list li{margin-bottom:40px!important}



/* 平台入驻 */
.i_ptrz{width:40%; height:450px; border:1px solid rgba(0,0,0,.1)}
.i_ptrz .pd{padding:20px}
.i_ptrz .i_tit{margin-bottom:14px!important}
.i_ptrz .i_tit h1{float:none; text-align:center}
.i_tit_p{font-size:16px; color:#A0A0A0; text-align:center}

.i_ptrz dl{margin-top:16px}
.i_ptrz dt{float:left; width:20%; margin:14px auto; text-align:center; position:relative; cursor:pointer}
.i_ptrz dt>a>img{width:50px; height:50px; 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:12px; color:#727272}

.show_qr{display:none; position:absolute; top:50%; right:110px; transform:translate(0,-50%); padding:6px; background:var(--i_color2); z-index:9}
.show_qr:before{content:""; position:absolute; top:50%; right:-10px; transform:translate(0,-50%); width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid var(--i_color2)}
.show_qr img{max-width:120px}
.i_ptrz dt:hover .show_qr{display:block}






/* 听校长说 */
.i_txzs{margin:40px auto; padding:36px 0 28px; background:rgba(0,0,0,.04)}

.i_txzs_list{overflow:hidden}
.i_txzs_list li{float:left; width:calc((100% - 56px) / 2); margin:0 56px 30px 0}
.i_txzs_list li:nth-child(2n){margin-right:0}
.i_txzs_list li a{display:block; overflow:hidden}

.i_txzs_list .img{width:42%; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; position:relative; overflow:hidden}
.i_txzs_list .img:before{content:""; display:block; padding-bottom:56.25%}
.i_txzs_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}

.i_txzs_list .txt{width:52%; position:relative}
.i_txzs_list .txt p{height:56px; margin:14px 0 14px 0; font-size:15px; color:#4F4F4F; line-height:28px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.i_txzs_list .txt i{font-size:13px; color:#AEAEAE}
.i_txzs_list .txt b{position:absolute; bottom:0; right:0; display:inline-block; padding:0 14px; box-sizing:border-box; border:1px solid #DDD; line-height:30px; font-size:12px; color:#ABABAB}







/* 课堂展示 */
.i_ktzs{margin-bottom:40px; overflow:hidden}

.i_ktzs>.fl{width:63.5%}

/* 首页- 课堂展示 - 轮播 */
.swiper_ktzs_news{width:33.5%}

.swiper_ktzs_news_list{width:100%; padding:0; margin:0 auto; position:relative; overflow:hidden; z-index:1}
.swiper_ktzs_news_list{-webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; border-radius:6px}
.swiper_ktzs_news_list:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:200px; background:url(../images/swiper_ktzs_txt_bg.png) no-repeat center; background-size:cover}
.swiper_ktzs_news_list .swiper-wrapper{
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
	box-sizing:content-box;
	}
.swiper_ktzs_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_ktzs_news_list .swiper-slide a{display:block; width:100%; overflow:hidden}
.swiper_ktzs_news_list .img{overflow:hidden; position:relative}
.swiper_ktzs_news_list .img:before{content:""; display:block; padding-bottom:56.25%}
.swiper_ktzs_news_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}

.swiper_ktzs_news_list .txt{padding:38px 20px}
.swiper_ktzs_news_list .tit{position:relative; padding:6px 0; overflow:hidden}
.swiper_ktzs_news_list .ico img{width:42px; height:42px}
.swiper_ktzs_news_list .txt p{
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	right:0;
	width:calc(100% - 42px - 20px);
	line-height:28px;
	font-size:16px;
	color:#5B5B5B;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
	}
.swiper_ktzs_news_list .time{margin-top:20px; font-family:IMPACT; font-size:22px; color:#D9D9D9}


/* 首页- 课堂展示 - 轮播圆点指示器 */
.ktzsnews-pagination{
	position:absolute;
	bottom:22px;
	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
	}
.ktzsnews-pagination .swiper-pagination-bullet{width:10px; height:10px; display:inline-block; background:rgba(0,0,0,.2); margin:0 4px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; outline:none}
.ktzsnews-pagination .swiper-pagination-bullet-active{position:relative; background:var(--i_color2)}






/* 校园活动 + 社团文体 */
.i_xyhd{width:63.5%}

.i_xyhd_list{overflow:hidden}
.i_xyhd_list li{float:left; padding-bottom:36px; width:224px; margin-bottom:20px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; border-radius:6px; position:relative; overflow:hidden}

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

.i_xyhd_list .txt{position:absolute; left:0; bottom:0; width:calc(100% - 28px); height:30px; padding:6px 14px 0; background:#EDEDED}
.i_xyhd_list .txt p{font-size:13px; color:#494949; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.i_xyhd_list li:nth-child(1){width:calc(100% - 224px - 20px); margin-right:20px; padding-bottom:53px}
.i_xyhd_list li:nth-child(1) .txt{height:53px!important; padding-top:0!important}
.i_xyhd_list li:nth-child(1) .txt p{line-height:53px!important; white-space:nowrap!important}

.i_xyhd_list li:hover .txt{height:55px}
.i_xyhd_list li:hover .txt p{white-space:normal}
.i_xyhd_list .txt, .i_xyhd_list .txt p{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}

.i_stwt{width:33.5%}
.i_stwt_cont{background:#F7F7F7}
.i_stwt_cont .pd{padding:20px 25px}

.hot_list{overflow:hidden}
.hot_list li{margin-bottom:12px}
.hot_list li a{display:block; height:44px; padding-left:52px; font-size:15px; color:#2B2B2B; line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; background:url(../images/n_hot.png) no-repeat left top; background-position-y:4px}
.hot_list li:nth-child(3) a{background:url(../images/n_new.png) no-repeat left top!important; background-position-y:4px}

.i_stwt_list{padding-top:12px; margin-top:12px; box-sizing:border-box; border-top:1px solid rgba(0,0,0,.06); overflow:hidden}
.i_stwt_list li a{display:block; font-size:14px; color:#707070; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.hot_list li a:hover, .i_stwt_list li a:hover{color:var(--i_color)}




/* 特别节目 + 专题片 */
.i_tbjm{width:63.5%}

.i_ztp{width:33.5%}
.i_ztp_list{}

.i_ztp_list{background:#F7F7F7}
.i_ztp_list .pd{padding:23px 20px}
.i_ztp_list ul{overflow:hidden}
.i_ztp_list li{margin-bottom:20px}
.i_ztp_list li:last-child{margin-bottom:0}
.i_ztp_list li a{display:block; overflow:hidden}

.i_ztp_list .img{width:36.5%; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; position:relative; overflow:hidden}
.i_ztp_list .img:before{content:""; display:block; padding-bottom:56.25%}
.i_ztp_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}

.i_ztp_list .txt{width:57%; position:relative}
.i_ztp_list .txt p{margin:2px 0 4px; height:48px; font-size:15px; color:#4F4F4F; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.i_ztp_list .txt i{font-size:12px; color:#AEAEAE}

.i_ztp_list li:hover .img:after{background-size:36px!important}






/* 校园导航 */
.i_xy_nav{margin-bottom:55px}
.i_xy_nav ul{overflow:hidden}
.i_xy_nav li{float:left; width:22%; margin:0 4% 0 0; font-size:13px; color:#737373; line-height:34px; position:relative}
.i_xy_nav li:nth-child(4n){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:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_xy_nav li a:hover{color:var(--i_color2); text-decoration:underline}






/* footer */
footer{padding:36px 0 26px; background:#F7F7F7}

.f_logo{margin-top:24px}
.f_logo img{max-height:76px}

.f_link{width:420px; padding-left:40px; margin-left:40px; border-left:1px solid #DDD; overflow:hidden}
.f_link p{font-size:18px; color:#303030; margin-bottom:20px}
.f_link li{float:left; width:30%; margin-right:3%}
.f_link li:nth-child(3n){margin-right:0}

.f_about{width:220px; padding-left:40px; margin-left:40px; border-left:1px solid #DDD; overflow:hidden}
.f_about p{font-size:18px; color:#303030; margin-bottom:20px}
.f_about li{float:left; width:80%; margin-right:3%}
.f_about li:nth-child(2n){margin-right:0}

.f_list{overflow:hidden}
.f_list li a{display:block; font-size:13px; color:#787878; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.f_list li a:hover{color:var(--i_color); text-decoration:underline}
.f_list .f_more a{color:var(--i_color);}
.f_list2{display:none;}
.f_qr{text-align:center}
.f_qr img{width:100px}
.f_qr p{margin-top:4px; font-size:12px; color:#828282}

.f_copy{text-align:center; padding-top:30px; margin-top:30px; border-top:1px solid #DDD}

.f_nav{text-align:center}
.f_nav ul{display:inline-block; vertical-align:top}
.f_nav li{float:left; text-align:center; padding:0 14px; 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{font-size:13px; color:#787878; line-height:26px}
.f_nav li a:hover{color:var(--i_color); text-decoration:underline}

.f_nav dl{display:none}
/*
 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;  
}
*/