@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,img{margin:0;padding:0;}
body{font-size:15px; color:#000; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; min-width:1260px;_width:1260px; background:#fff;}
body a{text-decoration:none; outline:none; -webkit-transition:all 0.3s; transition:all 0.3s;}
a:link,a:visited{color:#000;}
a:hover{color:#016fbe;}
/*去掉图形热点的点击时出现的边线*/
a,area{blr:expression(this.onFocus=this.blur());}  /*for IE*/   
:focus{-moz-outline-style:none; outline:none;}     /* for Firefox*/
img{border:0;vertical-align:top;}
ul li{list-style-type:none;}
table,table td{border-collapse:collapse;}
.clear{clear:both; height:0;}

/*video禁止显示下载按钮*/
video::-internal-media-controls-download-button{display:none;}
video::-webkit-media-controls-enclosure{overflow:hidden;}
video::-webkit-media-controls-panel{width:calc(100% + 30px);}


.ie6{text-align:center; font-size:16px; background:#FC6; line-height:100px; z-index:100000; width:100%; position:absolute; height:100px; top:0; left:0;}
.ie6 span{float:right; margin-right:30px; cursor:pointer;}
.ie6 a:link, .ie6 a:visited{text-decoration:underline; color:#df002b;}
.ie6 a:hover{color:#b91010;}

@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

.divScroll{width:60px; position:absolute; left:50%; margin-left:650px; color:#fff; text-align:center;}
.divScroll a{margin-bottom:20px; display:block;}
.divScroll a:last-of-type{margin-bottom:0;}
.divScroll img{max-width:100%;}
.divScroll.divScrollL{width:100px; left:auto; right:50%; margin-left:0; margin-right:650px;}

.head{height:100px; background:#016fbe;}
.logo{width:1260px; height:100px; background:url(logo2023.png) no-repeat left center; margin:0 auto;}

.language{height:32px; line-height:32px; text-align:right; color:#fff; font-size:12px; padding-right:15px;}
.language a:link, .language a:visited{color:#fff;}
.language a:hover{color:#ffd565;}
.language span{padding:0 12px;}
.language span:last-child{display:none;}

.search{width:160px; height:32px; padding:0 5px 0 15px; background:url(searchBg.png) no-repeat; float:right; margin-top:12px;}
.search .keyvalue{width:128px; height:32px; line-height:32px; border:0; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; font-size:13px; background:none; padding:0; margin:0; float:left;}
.search .searchBtn{display:block; width:32px; height:32px; border:0; background:none; cursor:pointer; padding:0; margin:0; float:left;}
.search div{float:left;}


.menu{width:100%; min-width:1260px; height:50px; background:#fff;position:relative;z-index:10;}
.menu .nav{width:1260px; height:50px; position:relative; z-index:10; margin:0 auto;}
.menu .nav li{float:left; width:108px; text-align:center; position:relative;}
.menu .nav li.home{width:72px;}
.menu .nav li a{display:block; height:50px; line-height:50px; background-repeat:no-repeat; background-position:bottom center;}
.menu .nav li a:hover, .menu .nav li:hover a{background-image:url(a01.png);}
.menu .nav li a.more{background-image:url(a03.png) !important; background-position:right center !important;}
.menu .nav li ul{position:absolute; width:100%; display:none; background-color:#016fbe; z-index:99;}
.menu .nav li ul li{width:100%;}
.menu .nav li ul li:first-child{width:100%;}
.menu .nav li ul li a{height:auto; padding:10px 6px; line-height:20px; color:#fff;}
.menu .nav li:hover ul a{background-image:none;}
.menu .nav li ul a:hover, .menu .nav li ul li:hover{background-color:#f8b62c;}
.menu .nav li ul ul{top:0; left:100%;}

.menuFix{position:fixed; top:0; left:0; z-index:100;}
.menuFix, .menuFix .nav ul{box-shadow:0 3px 5px rgba(0,0,0,.2);}

/* 图片轮播 */
.banner{width:1260px; position:relative; overflow:hidden; margin:0 auto;}
.banner .bd{position:relative; height:100%; z-index:0; overflow:hidden;}
.banner .bd li{zoom:1; vertical-align:middle;}
.banner .bd p{width:100%; height:400px;}
.banner .hd{width:100%; height:10px; position:absolute; left:0; bottom:20px; z-index:1; text-align:center;}
.banner .hd ul li{width:10px; height:10px; overflow:hidden; text-indent:-99px; cursor:pointer; display:inline-block; *display:inline; vertical-align:top; zoom:1; background:#fff; margin:0 5px; border-radius:5px; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.banner .hd ul li.on{width:25px; background:#2e8ee9;}
.banner .prev, .banner .next{position:absolute; top:50%; margin-top:-25px; display:block; width:50px; height:50px; background-color:rgba(0,0,0,.3); background-repeat:no-repeat; background-position:center center; border-radius:5px;}
.banner .prev{left:2%; background-image:url(l.png);}
.banner .next{right:2%; background-image:url(r.png);}
.banner .prev:hover, .banner .next:hover{background-color:rgba(0,0,0,.5);}

.mzap{width:1260px; height:90px; background:#fff; margin:0 auto;}
.mzap h2{width:115px; height:72px; line-height:32px; background:#016fbe; float:left; color:#fff; font-size:20px; font-weight:normal; padding:18px 0 0 25px;}
.mzap h2 p{height:21px; line-height:21px; font-size:12px; text-transform:uppercase;}
.mzap h2 p a:link, .mzap h2 p a:visited{color:#fff; display:inline-block; padding-right:20px; height:21px; vertical-align:top; background:url(m01.png) no-repeat right center;}
.mzap h2 p a:hover{background-image:url(m02.png); color:#f8b62c;}
.mzap ul{height:90px; margin-left:140px; padding:0 12px;}
.mzap ul li{width:25%; height:48px; padding:21px 0; float:left;}
.mzap ul li a{display:block; margin:0 25px; height:48px; line-height:24px;}
.mzap ul li a p{height:24px; line-height:24px; color:#a2a3a3; font-size:14px;}
.mzap ul li a h3{height:24px; line-height:24px; font-size:15px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.F1{padding:50px 0; height:auto; background:url(bg01.jpg) no-repeat center center; background-size:cover;}
.F1Con{width:1260px; height:403px; margin:20px auto 0;}
.news{width:800px; height:363px; background:#fff; float:left; padding:20px 30px;}
.news h2{height:54px; line-height:54px; font-size:24px; font-weight:normal; color:#016fbe; border-bottom:#ebebeb 1px solid;}
.news h2 span{font-size:12px; color:#65a6d5; padding-left:10px;}
.news h2 a:link, .news h2 a:visited{display:inline-block; padding-right:20px; height:21px; line-height:21px; margin-top:21px; font-size:12px; text-transform:uppercase; vertical-align:top; background:url(m04.png) no-repeat right center; float:right;}
.news h2 a:hover{background-image:url(m05.png); color:#016fbe;}
.newsCon{height:333px; padding-top:20px;}
.picNews{width:400px; height:288px; overflow:hidden; position:relative; float:left;}
.picNews .bd{height:288px;}
.picNews .bd li{width:400px; height:288px; overflow:hidden; float:left;}
.picNews .bd li a{display:block; height:288px; position:relative;}
.picNews .bd li a .pic, .picNews .bd li a .pic p{height:288px;}
.picNews .bd li a .pic{overflow:hidden;}
.picNews .bd li a .pic p{-webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.picNews .bd li a .txt{width:100%; height:40px; position:absolute; left:0; bottom:0;}
.picNews .bd li a .txt p{color:#fff; height:40px; line-height:40px; position:relative; z-index:1; padding:0 80px 0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.picNews .bd li a .txt i{display:block; width:100%; height:40px; background:#000; filter:alpha(opacity=40); opacity:.4; position:absolute; left:0; bottom:0; z-index:0;}
.picNews .bd li a:hover .pic p{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.picNews .hd{height:8px; position:absolute; right:10px; bottom:16px; z-index:10;}
.picNews .hd li{width:8px; height:8px; background:#fff; margin-left:6px; float:left; overflow:hidden; text-indent:-99px; border-radius:50%; cursor:pointer;}
.picNews .hd li.on{background:#f8b62c;}

.txtNews{height:288px; margin-left:420px;}
.txtNews li{height:36px; line-height:36px;}

.newsList li{height:35px; line-height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsList li span{float:right; color:#888; padding-left:20px;}

.tzgg{height:363px; margin-left:880px; padding:20px 30px; background:#fff;}
.tzgg h2{height:54px; line-height:54px; font-size:24px; font-weight:normal; color:#016fbe; border-bottom:#ebebeb 1px solid;}
.tzgg h2 span{font-size:12px; color:#65a6d5; padding-left:10px;}
.tzgg h2 a:link, .tzgg h2 a:visited{display:inline-block; padding-right:20px; height:21px; line-height:21px; margin-top:21px; font-size:12px; text-transform:uppercase; vertical-align:top; background:url(m04.png) no-repeat right center; float:right;}
.tzgg h2 a:hover{background-image:url(m05.png); color:#016fbe;}
.tzgg ul{padding-top:20px;}
.tzgg ul li{height:36px; line-height:36px;}


.F2{padding:40px 0 50px; height:478px; background:url(bg07.jpg) no-repeat center center; background-size:cover; color:#fff;}
.F2Con{width:1260px; margin:0 auto;}
.F2 h2{height:54px; line-height:54px; font-size:24px; font-weight:normal;}
.F2 h2 span{font-size:12px; padding-left:10px;}
.F2 h2 a:link, .F2 h2 a:visited{display:inline-block; padding-right:20px; height:21px; line-height:21px; margin-top:21px; font-size:12px; text-transform:uppercase; vertical-align:top; background:url(m01.png) no-repeat right center; float:right; color:#fff;}
.F2 h2 a:hover{background-image:url(m02.png); color:#f8b62c;}

.jxdt{width:606px; height:478px; float:left;}
.jxdt ul{height:350px; padding:26px 36px 36px; margin-top:12px; border-top:#f8b62c 4px solid; background:#fff;}
.jxdt ul li{height:51px; padding:9px 0 9px 12px; border-bottom:#dbdada 1px dashed; position:relative;}
.jxdt ul li:before{display:block; width:2px; height:12px; background:#f8b62c; position:absolute; left:0; top:50%; transform:translateY(-50%); content:""; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.jxdt ul li h3{height:27px; line-height:27px; font-size:15px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jxdt ul li p{height:24px; line-height:24px; color:#999;}
.jxdt ul li:hover:before{height:41px;}


.xsbg{height:478px; margin-left:656px;}
.xsbg ul{margin-top:1px; height:411px;}
.xsbg ul li{height:130px; padding-top:11px;}
.xsbg ul li a{display:block; height:80px; padding:25px 30px; background:#fff;}
.xsbg ul li a .time{width:72px; height:52px; line-height:20px; font-size:12px; padding:14px 0; background:#f3a427; color:#fff; text-align:center; -webkit-border-radius:3px; border-radius:3px; float:left;}
.xsbg ul li a .time p{font-size:26px; height:32px; line-height:32px;}
.xsbg ul li a .text{height:80px; margin-left:90px;}
.xsbg ul li a .text h3{height:34px; line-height:30px; font-size:15px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.xsbg ul li a .text p{height:44px; line-height:22px; font-size:12px; color:#999; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}


.F3{width:1260px; height:303px; margin:50px auto 0;}
.F3 h2{height:54px; line-height:54px; font-size:24px; font-weight:normal; color:#016fbe; border-bottom:#ebebeb 1px solid;}
.F3 h2 span{font-size:12px; color:#65a6d5; padding-left:10px;}
.F3 h2 a:link, .F3 h2 a:visited{display:inline-block; padding-right:20px; height:21px; line-height:21px; margin-top:21px; font-size:12px; text-transform:uppercase; vertical-align:top; background:url(m04.png) no-repeat right center; float:right;}
.F3 h2 a:hover{background-image:url(m05.png); color:#016fbe;}
.F3 .newsList{padding-top:8px; height:240px;}
.F3 .newsList li{height:40px; line-height:40px; padding-left:12px; background:url(a06.png) no-repeat left center;}
.kydt{width:606px; height:303px; float:left;}
.cxcy{height:303px; margin-left:656px;}



.txtLink{height:280px; padding:50px 0; background:url(bg05.jpg) no-repeat center bottom; background-size:100% auto;}
.txtLinkCon{width:1260px; height:280px; margin:0 auto;}
.txtLinkList01, .txtLinkList02, .txtLinkList03{width:400px; height:280px; background:#25a6e2; color:#fff; margin-left:30px; position:relative; float:left;}
.txtLinkList01{margin-left:0;}
.txtLinkList02 i, .txtLinkList03 i{display:block; width:400px; height:280px; background:url(bg06.png) no-repeat center center; filter:alpha(opacity=20); opacity:.2; position:absolute; left:0; top:0; z-index:0;}
.txtLinkList01 h2{height:32px; line-height:32px; padding:24px 28px 0; font-size:20px;}
.txtLinkList01 ul{height:224px; padding:0 28px;}
.txtLinkList01 ul li{line-height:26px; padding-top:16px;}
.txtLinkList01 ul li a:link, .txtLinkList01 ul li a:visited{display:block; line-height:26px; padding-left:21px; position:relative; color:#fff;}
.txtLinkList01 ul li a:before{display:block; content:""; background:url(a05.png) no-repeat left center; width:21px; height:26px; position:absolute; left:0; top:0;}
.txtLinkList01 ul li a:hover:before{animation:arr 0.6s ease-out 0s infinite;}
.txtLinkList02 a:link, .txtLinkList02 a:visited{display:block; height:280px; position:relative; z-index:1; color:#fff;}
.txtLinkList02 h2{height:64px; line-height:32px; font-size:20px; text-align:center; padding-top:70px;}
.txtLinkList02 p{height:52px; line-height:26px; padding-top:16px; font-size:15px; text-align:center;}
.txtLinkList02 a span{display:block; width:50px; height:40px; background:#72b531 url(m03.png) no-repeat center center; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s; position:absolute; right:0; bottom:0;}
.txtLinkList02 a:hover span{background-color:#f8b62c;}
.txtLinkList03 ul{height:100px; line-height:50px; padding:90px 42px; position:relative; z-index:1;}
.txtLinkList03 ul li{height:50px; line-height:50px; font-size:20px;}
.txtLinkList03 ul li a:link, .txtLinkList03 ul li a:visited{display:block; line-height:50px; padding-left:21px; position:relative; color:#fff;}
.txtLinkList03 ul li a:before{display:block; content:""; background:url(a05.png) no-repeat left center; width:21px; height:50px; position:absolute; left:0; top:0;}
.txtLinkList03 ul li a:hover:before{animation:arr 0.6s ease-out 0s infinite;}
@keyframes arr{
	0%{transform:translateX(0px);}
	50%{transform:translateX(-7px);}
	100%{transform:translateX(0px);}
}


.iconLink{width:1260px; margin:50px auto;}
.iconLink ul{min-width:1268px; font-size:0;}
.iconLink ul li{display:inline-block; vertical-align:top; margin:0 8px 8px 0; font-size:16px; width:307px; height:133px; padding-top:25px; text-align:center; -webkit-border-radius:10px; border-radius:10px;}
.iconLink ul li:nth-of-type(1){width:624px; background:#e9f7f9; border:#d6eaec 1px solid;}
.iconLink ul li:nth-of-type(2){background:#f5f3ff; border:#e5e2f4 1px solid;}
.iconLink ul li:nth-of-type(3){background:#fdf1f1; border:#f2e4e4 1px solid;}
.iconLink ul li:nth-of-type(4){background:#fef3ed; border:#f3e6df 1px solid;}
.iconLink ul li:nth-of-type(5){background:#ebf3fb; border:#dae6f1 1px solid;}
.iconLink ul li:nth-of-type(6){background:#f0f8f1; border:#d6ead9 1px solid;}
.iconLink ul li:nth-of-type(7){background:#fcf4e9; border:#efe5d7 1px solid;}
.iconLink ul li img{vertical-align:top; width:50px; height:50px; -webkit-border-radius:50%; border-radius:50%;}
.iconLink ul li p{padding-top:10px; line-height:24px;}
.iconLink ul li:nth-of-type(1) a:hover{color:#54cacd;}
.iconLink ul li:nth-of-type(2) a:hover{color:#a091f0;}
.iconLink ul li:nth-of-type(3) a:hover{color:#f06261;}
.iconLink ul li:nth-of-type(4) a:hover{color:#f98f51;}
.iconLink ul li:nth-of-type(5) a:hover{color:#6b92ef;}
.iconLink ul li:nth-of-type(6) a:hover{color:#73ce7f;}
.iconLink ul li:nth-of-type(7) a:hover{color:#f9ba51;}

.picLink{padding:50px 0; background:#f4f4f4;}
.picLink ul{width:1260px; height:144px; margin:0 auto; overflow:hidden;}
.picLink ul{height:144px; padding:0 3px;}
.picLink ul li{width:164px; height:144px; padding-left:54px; float:left; text-align:center;}
.picLink ul li:first-of-type{padding-left:0;}
.picLink ul li a:link, .picLink ul li a:visited{display:block; height:144px; background-image:url(iBg.png?v=20240103); background-repeat:no-repeat; background-position:center center; color:#fff;}
.picLink ul li a p{height:68px; line-height:68px; font-size:50px; padding-top:24px; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.picLink ul li a h3{line-height:20px; font-size:15px; font-weight:normal; padding-top:3px;}
.lineHeight20{line-height:20px !important;}
.picLink ul li a:hover p{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}


.foot{background:#016fbe; color:#e7f2ff; padding:25px 0; height:100px;}
.footCon{width:1260px; height:100px; margin:0 auto;}
.rwm{width:100px; height:100x; float:right;}
.rwm img{width:100px; height:100px; vertical-align:top;}
.copy{height:56px; line-height:28px; font-size:14px; color:#fffefe; margin-right:150px; padding:22px 0;}
.copy span{padding:0 12px;}
.copy a:link, .copy a:visited{color:#fffefe;}
.copy a:hover{color:#fff; text-decoration:underline;}


#goHeadBtn{display:block; width:50px; height:50px; z-index:999; background:url(goHeadBtn.png) no-repeat; position:fixed; right:20px; bottom:20px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}


.nyBanner img{width:100%; vertical-align:top;}

.ny{width:1260px; margin:30px auto 50px;}

.left{width:210px; float:left; background:#f7f7f7;}
.left h2{height:50px; line-height:50px; background:#016fbe; color:#fff; font-size:18px; font-weight:normal; text-align:center;}
.leftMenu li a{display:block; overflow:hidden; line-height:25px; position:relative; padding:10px 20px 10px 29px; border-bottom:#e8e8e8 1px solid; background:url(a04.png) no-repeat 20px center;}
.leftMenu li a .arrow{float:right; font-size:20px; text-align:right; margin-right:-10px;}
.leftMenu li a .arrow.open{color:#fff; transform:rotate(90deg);}
.leftMenu li a.active, .leftMenu li a.active:hover{color:#fff; background-color:#25a6e2; background-image:url(a03.png);}
.leftMenu li a:hover, .leftMenu li a.cur{color:#fff; background-color:#f8b62c; background-image:url(a03.png);}
.leftMenu li a.active .arrow.open, .leftMenu li a:hover .arrow{color:#fff;}
.leftMenu li ul.subMenu{display:none;}
.leftMenu li ul.subMenu li a{display:block; font-size:14px; line-height:21px; padding-left:49px; background-position:40px center;}
.leftMenu li ul.subMenu li ul.subMenu li a{padding-left:69px; background-position:60px center; font-size:13px;}


.right{margin-left:240px;}
.post{height:32px; line-height:25px; border-bottom:#016fbe 2px solid; color:#666; font-size:14px;}
.post .iconfont{padding-right:5px;}

.list01, .article{padding:20px 0 50px;}
.list01 .newsList li{height:35px; line-height:35px; padding-left:20px; background:url(a06.png) no-repeat 5px center; border-bottom:#e0e0e0 1px dashed; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list01 .newsList li span{float:right; color:#888; padding-left:20px;}

.teacherList{padding-top:24px; width:100%; float:left;}
.teacherList h2{height:36px; line-height:36px; font-size:16px; font-weight:normal; border-bottom:#f5f5f5 1px solid;}
.teacherList h2 p{width:120px; height:36px; color:#fff; border-right:#f5f5f5 5px solid; background:#016fbe; text-align:center; float:left;}
.teacherList ul{width:calc(100% - 28px); padding:10px 14px 14px; background:#f5f5f5; float:left;}
.teacherList ul li{width:100px; height:36px; line-height:36px; border-bottom:#d2d2d2 1px solid; margin:0 12px; text-align:center; font-size:14px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:12px;}
.teacherList ul li a:hover{color:#e8ac00;}

.articleTitle{padding:20px; line-height:36px; text-align:center; font-size:20px; font-weight:bold;}
.articleInfo{text-align:center;font-size:12px; height:30px; line-height:30px; color:#8a8a8a; background:#f3f3f3; width:90%; margin:0 auto;}
.articleInfo label{padding-left:20px;}
.articleCon{font-size:14px; line-height:30px; padding-top:20px;}
.articleCon p, .articleCon div{text-justify:inter-ideograph; text-align:justify;}
.articleCon img{max-width:1000px; margin:0 auto;_width:expression(document.body.clientWidth > 1000 ? "1000px" : "auto");}
.article2 img{max-width:1260px; _width:expression(document.body.clientWidth > 1260 ? "1260px" : "auto");}
.articleGn{margin-top:20px; text-align:center; line-height:30px;}


.attachments{padding-top:20px;}
.attachments li{line-height:24px;}


.listSearch{padding-top:20px;}
.listSearch ul{display:flex; align-items:center; justify-content:center;}
.listSearch ul li{display:flex; font-size:14px; margin:0 10px;}
.listSearch ul li .txt{width:180px; height:20px; line-height:20px; border:#999 1px solid; padding:0 4px; font-siez:14px;}

.tagsList{margin-top:20px; background:#dae9fb; border:#b8d0ee 1px solid; padding:10px;}

.list02{padding:10px 0 50px;}
.list02 ul li{border-bottom:#e4e4e4 1px solid;}
.list02 ul li a{display:block;padding:10px 0;}
.list02 ul li h3{height:30px; line-height:30px; font-size:15px; font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list02 ul li h3 span{display:inline-block; vertical-align:top; padding:0 6px; border-radius:3px; height:20px; line-height:20px; font-size:12px; font-weight:normal; color:#fff; margin:5px 5px 0 0;}
.list02 ul li h3 .bg1{background:#ff5c87;}
.list02 ul li h3 .bg2{background:#3dd8d4;}
.list02 ul li h3 .bg3{background:#62a5f3;}
.list02 ul li h3 .bg4{background:#9c82ef;}
.list02 ul li h3 .bg5{background:#faac6a;}
.list02 ul li h4{max-height:72px; line-height:24px; font-size:13px; font-weight:normal; color:#555; margin:5px 0;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.list02 ul li p{height:30px; line-height:30px; font-size:13px; color:#999;}
.list02 ul li p span{float:right; color:#016fbe; -webkit-transition:all 0.3s; transition:all 0.3s;}
.list02 ul li p label{padding-left:20px;}
.list02 ul li a:hover, .list02 ul li a:hover p span{color:#f8b62c;}