@charset "utf-8"; /* CSS Document */ html, body{ font-size: 14px;font-family:"\5FAE\8F6F\96C5\9ED1";} body { font-size:14px; background: url(../img/body_bj.jpg) no-repeat center 0 #fff;} body a{transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transition: 0.5s all ease; } .float{float: left;} .floatr{float: right;} *{margin:0;padding:0;list-style-type:none;} .clear{ clear:both; height:1px; overflow:hidden;} /*头部*/ .top a.logo img{ width:100%; height: auto; display: inline-block; margin-top: 40px;} .top_right{ padding: 0; } .top_right p{width: 100%; height: 40px; display: inline-block; position: relative;} .top_right p input{width:100%; height: 40px; display: inline-block; background: url(../img/query_bj.png) repeat; border: 2px solid #627bd5; border-radius: 30px; padding: 0 15px; font-size: 16px;} .top_right p a{width:30px; height: 30px; display: inline-block; background: url(../img/query_tb.png) no-repeat; position: absolute; top:10px; right:10px;} .top_right span{width:100%; height: auto; display: inline-block; color: #fff; text-align: center; margin:15px 0 20px 0;} .top_right span a{ width:auto; height: 30px; line-height: 30px; color: #fff; padding: 0 20px; display: inline-block; font-size: 16px;} /*导航*/ .top_nav{ margin-top: 35px; } .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{ margin-left: 0;} .navbar-collapse{ padding: 0;} .navbar{background:none; border:none; } .navbar-default .navbar-nav > li > a{color:#333; font-size:16px; } nav .navbar.navbar-default{ border-color:#fff; } .navbar{margin-bottom:0; } .container-fluid{padding:0; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ color: #fff;} .navbar-default .navbar-nav > li > a{ color: #fff; font-size: 18px; font-weight: bold;} .navbar-default .navbar-nav > li > a img{width:auto; height: auto; display: inline-block; margin-right: 10px;} .nav a:hover{ background: #000;} .dropdown-menu{ background: none; color: #fff; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color: #fff; background: url(../img/nav_bj.png) repeat 0 0;} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background: #4a7de5; color: #fff; } .dropdown a:hover{background: #000;} .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ border:none;} .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{ color:#000; background: #fff;} .navbar-brand{float:none;line-height:0;margin:0; display:inline-block; float:left; } ul.nav.navbar-nav{width:100%; background: url(../img/nav_bj.jpg) repeat-x;} ul.pc_cont{ width:100%;} .navbar-nav li{ width:14.28%;float: left; background: url(../img/nav_bj.png) repeat 0 0;} .navbar-nav li:hover{background: #4a7de5;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > .active > a:focus { background: url(../img/nav_bj.png) repeat 0 0 ;color:#fff;} .nav a:hover{ color: #fff;} .collapse{background:none;} .navbar-nav li a{ padding:17px 0em 17px 0em;font-size:16px; text-transform:uppercase;line-height:20px;text-align:center;} .navbar-brand > img{ margin: 0px;} .navbar-brand > img.list_logo{ margin-top: 8px;} .nav .nav_xygk{ padding: 0 0 0 0; background: #4a7de5; border: none; } .nav .nav_xygk li{width:100% ;height: auto; line-height: 40px; border-bottom:none;} .nav .nav_xygk li a{ width:100%; height: auto; line-height:40px; padding:5px; color: #fff; font-size: 16px;} .nav .nav_xygk li a:hover{ color: #FFFFFF; background: #2161e2; }.navbar-nav > li:hover .dropdown-menu {display: block;} /*baner*/ .banner{ height: 405px; margin-top: 25px;} .banner img{width:100%; height: 405px; display: inline-block;} .yx-rotaion{width:100%; height:405px; overflow:hidden; text-align: center;} .yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute} /*中间通栏轮播*/ .yx-rotation-focus span,.yx-rotaion-btn span{background:url(../img/ico.png) no-repeat;display:block;} .yx-rotation-focus{height:40px;line-height:40px;bottom:20px;z-index:2; width:100%; margin: 0 auto; display: block; text-align: center;} .yx-rotation-focus span{width:20px;height:20px;line-height:12px;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-25px -120px;text-indent:-9999px; display: inline-block;} .yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;} .yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative;} .yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px} .yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px} .yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8} .yx-rotation-focus span.hover{background-position:-5px -120px} .rotaion_list{width:0;height:0;overflow:hidden;} .title{width:100%; height: 60px; line-height: 60px; display: inline-block;border-bottom: 2px solid #811a11;} .title span{width:auto; height: 60px; line-height: 60px; color: #383838; padding: 0 10px; font-size: 24px; font-weight: bold; float: left;} .title p{width:auto; height: 60px; line-height: 60px; display: inline-block; float: right; color: #811a11;} .title p a{width:auto; height: 60px; line-height: 60px; margin-left: 30px; display: inline-block; color: #811a11; } .title p font{width:auto; height: 60px; line-height: 60px; display: inline-block;} .title p font strong{ color: #000; } .title a{ width:auto; height: auto; float:right; display: inline-block; color: #7f7e7e; font-size: 16px;} /*学校新闻*/ .xxxw_cont{width:100%; height: auto; margin-top: 20px; } .xxxw_cont p{ height: auto; display: inline-block; padding-left: 0;} .xxxw_cont p a{width:100%; height: auto; display: inline-block;} .xxxw_cont p a img{width:100%; height: 180px; display: inline-block; float: left;} .xxxw_cont p a span{ width:100%; height: 30px; line-height: 30px; display: inline-block; float: left; color: #383838; font-size: 16px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .xxxw_cont p font{width:100%; height:auto; max-height: 40px; line-height: 20px; display: inline-block; font-size: 14px; color: #777; overflow: hidden;}.xxxw_cont p i{width:100%; height: 30px; line-height: 30px; display: inline-block; font-size: 14px; color: #777;} .xxxw_cont p a:hover span{ text-decoration: underline;} .xxxw_cont ul{ height: auto; display: inline-block; float: left;} .xxxw_cont ul li{width:100%; height: 40px; line-height: 40px; display: inline-block; float: left; border-bottom: 1px dashed #ccc;} .xxxw_cont ul li a{width:100%; height: 40px; line-height: 40px; display: inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size: 16px; color: #383838; background: url(../img/dian.png) no-repeat 10px; padding: 0 2% 0 6%;} .tzjx{ height: auto;} .tzgg{ height: auto; padding-left: 0;} .tzjx ul{ height: auto; width:100%; display: inline-block; margin-top: 10px;} .tzjx li{width:100%; height: 40px; line-height: 40px; display: inline-block; float: left;} .tzjx li span{width:20%; height: 25px; line-height: 25px; text-align: center; color: #fff; background: #3373e0; border-radius: 5px; display: inline-block; float:left; margin-top: 9px;} .tzjx li a{width:75%; height: 40px; line-height: 40px; display: inline-block; float: left; color: #383838; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-left: 3%; font-size: 16px;} .hdgg{ padding-right: 0; } .xsjz_cints{ width: 100%; height: auto; background: #f7f7f7; padding: 8px 18px 15px 18px; margin: 20px 0 0 0; box-sizing: border-box; display: inline-block; float: left;} .xsjz_cints a{ width: 100%; line-height: 40px; height: 40px; font-size: 16px; font-weight: bold; color: #000;text-overflow: ellipsis; white-space: nowrap;overflow: hidden; display: block } .xsjz_cints span{ width: 100%; height: 75px; line-height: 25px; color: #666; font-size: 12px; overflow: hidden; display: block; } .index_demo{ width:100%; height:200px;overflow:hidden; margin:20px 0 0 0px;} .index_demo li{ display:inline-block; float:left; width:290px; height:165px; margin:0 10px; } .index_demo li a.demo_img{ display:inline-block; float:left; border: 15px solid #f4f4f4; width:290px; height:195px;background: #fff; text-decoration: none;} .index_demo li a.demo_img img{ width:260px; height:165px; display: inline-block; } .db_ty{ background: #3373e0; padding: 10px 0;} .yqlj{ padding-top:15px } .yqlj span{width:auto; height:40px; line-height: 40px; background: #fff; border-radius: 30px; display: inline-block;font-size: 18px; padding: 0 30px; color: #3373e0; font-weight: bold; float: left;} .yqlj a{width:auto; height: 40px; line-height: 40px; display: inline-block; float: left; color: #fff; margin: 0 0 0 40px; font-size: 16px;} hr{ background: #fff; } .db_info{ height:auto; margin-top: 10px; margin-bottom: 10px; } .db_info p{ width:30%; height:70px; padding: 0; display: inline-block; margin-top: 10px;} .db_info p a{width:70px; height: 70px; display: inline-block; float:left; margin: 0 0 0 35px} .db_info p a img{width:70px; height: 70px; display: inline-block; float: left;} .db_info font{width:69%; height: auto; line-height: 30px; font-size: 16px; color: #fff; padding: 0; float: right;margin-top: 15px;} .szxy{width:100%; height: auto; background: #f7f7f7; padding:15px 0; } .szxy a{width:14.2%; height: auto; display: inline-block; float: left; text-align: center;} .szxy a img{width:50px; height: 50px; display: inline-block; } .szxy a span{ width:100%; height: 30px; line-height: 30px; display: inline-block; text-align: center; color: #383838;} .szxy a:hover span{ text-decoration: underline;} .main{ height: auto; margin-bottom: 30px;} .main_content{width:100%; height: auto; background: #fff; padding-bottom: 30px;} /*左侧导航*/ .list_left{width:23%; height: auto; float: left; margin: 20px 0 0 20px; display: inline-block;} .list_left dl,dt,dd{ display: block; margin:0;} .left_box{width: 100%; height:auto; border: 1px solid #84c3f4;} .left_box p{ width:100%; height: auto;line-height: 85px; display: inline-block; color: #fff; font-size: 24px; font-weight: bold; text-align: center; background: #3373e0; margin-bottom: 0;} .left_box dt { padding: 0 15px; text-align: center;background-repeat: no-repeat; background-position: 10px center; color: #454545; font-size: 16px;line-height: 60px;cursor: pointer; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; background: #fff;border-bottom: 1px solid #d7ebfe;} .left_box dt a{width:100%; height: 100%; display: inline-block;color: #555; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size: 18px; text-align: left; font-weight: none;} .left_box dt a:hover{ text-decoration: none;} .left_box dt.custom { background: url(../img/tb.png) no-repeat 90% 50% #fff;} .left_box dd.now_3{ background: #699eea; color: #fff;} .left_box dd.now_3 a{ color: #fff;} .left_box dd{ background-color:#ebf5fd;padding:0 15px; text-align: center;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}.left_box dd a{ width:100%; height: 40px; display: inline-block; color: #454545; line-height: 40px; font-size: 16px;text-decoration: none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align: left;} .left_box dd a:hover{ text-decoration: underline;} .list_right{width:72%; height: auto; margin: 20px 0 0 20px; } .list_right li{width:100%; height: auto; display: inline-block; float: left; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ccc;} .list_right li a{width:100%; height: auto; display: inline-block;} .list_right li a span{width:74%; height: 30px; line-height: 30px; display: inline-block; float: left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size: 16px; color: #383838; } .list_right li a img{width:20%; height: 100px; display: inline-block; float: left; margin-right: 10px; } .list_right li a font{ width:74%; height:30px; line-height: 30px; display: inline-block; font-size: 14px; margin-top: 10px; color: #999;} .list_right li a p{width:74%; height: 20px; line-height: 20px; display: inline-block; overflow: hidden; font-size: 14px; margin-bottom: 0; color: #777; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .list_right li a:hover span{ color:#3373e0; text-decoration: underline;} .list_right li a.list_1 font{ width:90%; } .list_right li a.list_1 p{ width:90%; } /*分页*/ .fy{width:100%; height: auto; display:block; border-radius: 5px; margin:20px 0 0 0; text-align: center;} .fy a{width:auto; height: 40px; line-height: 40px; display: inline-block; padding: 0 10px; color: #383838; font-size: 14px; text-decoration: none; border: 1px solid #ccc;} .fy a:hover{background: #f1f1f1;} .dqwz{width:100%; height: 50px; border-bottom: 1px solid #ccc; overflow: hidden;} .dqwz span{width:auto; height: 50px; line-height: 50px; display: inline-block; padding-left: 60px; background:url(../img/wz.png) no-repeat 20px; float: left;} .dqwz a{width:auto; height: 50px; line-height: 50px; display: inline-block; font-size: 14px; color: #666; padding: 0 20px;} /*内容页*/ .nry{ width:92%; margin:40px 4% 0 4%;} .nry h4{ width:100%; height: auto; display: block;font-size: 1.6em; line-height: 30px; text-align: center;background-color: #FFF;} .nry h5{display: block;padding: 20px;font-family: "微软雅黑";color: #999;text-align: center;background-color: #FFF;border-bottom: 1px dashed #ccc;} .nry h6{ width:100%; height: auto; line-height: 30px; display: inline-block; font-size: 18px; text-align: center; color: #5A5A5A; margin-top: 10px;} .nry_cont{ padding:20px 0;} .nry_cont p{margin:15px 0;line-height:30px;-webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; padding: 0 10px; font-size: 16px;} .nry_cont img{width:70% !important; height: auto !important; display:block; margin: 0 auto; padding: 0;} /*.nry_cont table{ margin:0 auto; padding:0;} */ .nry_cont a{ color:#f26300; text-decoration:none;} .nry_cont a:hover{ color:#d25a07; } .nry_cont iframe{ width:80%; height: 540px;} .text_bottom1{ width:100%; height:40px; background:#f7f7f7; padding:0 5%; overflow:hidden;} .dayin{ width:auto; height:40px; line-height:40px; padding:0 10px 0 25px; background:url(../img/dayin.png) no-repeat 0 50%;} .dayin a{ color:#7c7c7c; text-decoration:none;} .dayin a:hover{ color:#000; text-decoration:underline;} .text_box{ width:90%; height:auto; padding:20px 0; margin:0 0 0 5%;} .text_box h1{ width:100%; height:auto; padding:10px 0; line-height:40px; font-size:30px; font-weight:bold; text-align:center; color:#000;} .text_box h2{ display:inline-block; float:left; width:98%; height:auto; padding:10px 1%; line-height:30px; font-size:20px; font-weight:bold; text-align:center; color:#666;} .text_con{ width:100%; height:auto; padding:18px 0; overflow:hidden;} .text_con, .text_con p, .text_con h1, .text_con h2, .text_con h3, .text_con h4, .text_con h5, .text_con h6{font-size: 16px;line-height: 30px; color:#000;} .text_con p{ display:block; margin:15px 0; padding:0;-webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px;} .text_con img{ display:block; margin:0 auto; padding:0; border:1px solid #e7e7e7;} .text_con a{ color:#f26300; text-decoration:none;} .text_con a:hover{ color:#d25a07; background:#ffbf93;} .text_con table{ margin:0 auto; padding:0;} .text_bottom{ width:100%; height:40px; background:#f1f1f1; margin:0 0 20px 0; overflow:hidden;} .fenxiang{ width:700px; height:24px; line-height:24px; margin:0 0 0 20px; color:#7c7c7c; padding:8px 0;} .text_bottom1{ width:100%; height:40px; background:#f7f7f7; padding:0 5%; overflow:hidden;} .dayin_1{ width:auto; height:40px; line-height:40px; padding:0 10px 0 25px; background:url(../img/dayin.png) no-repeat 0 50%;} .dayin_1 a{ color:#7c7c7c; text-decoration:none;} .dayin_1 a:hover{ color:#000; text-decoration:underline;} .bshare-custom{ width:200px; height: 20px; margin: 12px 0 0 15px; display: inline-block; float: left;} .list_img{ width:72%; height: auto; margin: 20px 0 0 20px; } .list_img ul{width:100%; height: auto; display: inline-block; float: right;}.list_img ul li{ height: auto; padding: 0 8px; margin-bottom: 15px;} .list_img ul li a{width:100%; height: auto; display: inline-block; } .list_img ul li a img{ width:100%; height:170px; display: inline-block; float: left;} .list_img ul li a span{width:100%; height: 40px; line-height: 40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display: inline-block; color: #454545; padding: 0 10px; float: left; font-size: 16px;} .list_img ul li a:hover span{ text-decoration: underline;} .ztzl{width:94%; height: auto; margin: 0 3%} .ztzl ul{width:100%; height: auto; display: inline-block;} .ztzl ul li{ width:33%; height: auto; display: inline-block; padding: 0 5px; margin-top:20px;} .ztzl ul li a{width:100%; height: auto; display: inline-block; padding: 0;} .ztzl ul li a img{width:100%; height: auto; display: inline-block;} .list_query{width:94%; height: auto; margin: 20px 3% 0 3%; } .list_query li{width:100%; height: auto; display: inline-block; float: left; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ccc;} .list_query li a{width:100%; height: auto; display: inline-block;} .list_query li a span{width:74%; height: 30px; line-height: 30px; display: inline-block; float: left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size: 16px; color: #383838; } .list_query li a img{width:15%; height: 100px; display: inline-block; float: left; margin-right: 10px; } .list_query li a font{ width:74%; height:30px; line-height: 30px; display: inline-block; font-size: 14px; margin-top: 10px; color: #999;} .list_query li a p{width:74%; height: 20px; line-height: 20px; display: inline-block; overflow: hidden; font-size: 14px; margin-bottom: 0; color: #777; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .list_query li a:hover span{ color:#3373e0; text-decoration: underline;} .list_query li a.list_1 font{ width:90%; } .list_query li a.list_1 p{ width:90%; } /*搜索页面*/ .query_cont{width:100%; height: 45px; text-align: center; margin: 80px 0 20px 0; position: relative;} .query_cont input{ width:60%; height: 45px; line-height: 45px; border: 1px solid #ccc;background: #f7f7f7; padding: 0 60px 0 20px;} .query_cont a{width:30px; height: 30px; display: inline-block; position: absolute; top:7px; right:22%; background:url(../img/query_tb.png) no-repeat center right;} /*视频页*/ .video{width:70%; height:450px; display: inline-block; margin: 20px 0 0 15%;} .wzdt{width:94%; height: auto; margin: 20px 3% 0 3%; } .dt_lm{width:100%; height: auto; display: inline-block; padding-bottom: 20px; border-bottom: 2px dashed #bed3f7; margin-bottom: 20px;} .dt_lm span{width:auto; height: 40px; line-height: 40px; display: inline-block;} .dt_lm span a{width:auto; height: 40px; line-height: 40px; display: inline-block; font-size: 18px; font-weight: bold; color: #3373e0;} .dt_lm ul{ width:100%; height: auto; display: inline-block;} .dt_lm ul li{ width:auto; height: auto; line-height: 40px; display: inline-block; margin-top: 10px; float:left; margin-right: 5px;} .dt_lm ul li a{ width:100%; height:auto; display: inline-block; line-height: 40px; text-align: center; font-size: 16px; color: #454545; padding: 0 20px; background: #e4e3e3;} .dt_lm ul li.dt_long{width:100%;} .dt_lm ul li.dt_long a{width:auto;height:auto; display: inline-block; line-height: 40px; text-align: center; font-size: 16px; color: #454545; padding: 0 20px; margin-right: 5px; margin-top: 10px; background: #f1f1f1;} .dt_lm ul li.dt_long a.dt_ejlm{width:100%; height: 40px; line-height: 40px; display: inline-block; text-align: left; background: #e4e3e3; } @media(max-width:736px){ .top_right p{ margin:30px 0 30px 0; } .top a.logo img{ width:100%; height: auto; display: inline-block; margin-top: 20px;} .xxxw_cont p{ height: auto; display: inline-block; padding: 0;} .xxxw_cont ul{ padding:0;} .tzgg{ padding:0; } .jxky{ padding:0; } .hdgg{ padding:0; } .yqlj span{ display: block; margin-bottom: 10px;} .yqlj a{ width:100%; display: block; margin-left: 15px;} .db_info p{width:100%; text-align: center;} .db_info p img{width:20%; height: auto; display: inline-block; float: left; margin-right: 10%;} .db_info font{width:96%; padding: 0 2%; } .szxy{padding:0;} .szxy .container{ padding:0; } .szxy a{width:25%; padding: 15px 0; height: auto; display: inline-block; float: left; text-align: center; border-right: 1px solid #dedddd; border-bottom: 1px solid #dedddd; float: left;} .nav_btn{width:40px; height: auto; background: none; border: none; float: right; margin: 10px 10px 0 0 ;} .nav_btn img{width:40px; height: auto; display: inline-block;} .list_right{width:96%; height: auto; margin: 2% 0 0 2%; } .list_right li{width:100%; height: auto; display: inline-block; float: left;} .list_right li a{width:100%; height: auto; display: inline-block;} .list_right li a img{width:30%; height:70px; display: inline-block; float: left; margin-right: 2%; } .list_right li a span{width:65%; height: 30px; line-height: 30px; display: inline-block; float: left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size: 16px; color: #383838; } .list_right li a font{ width:65%; height:30px; line-height: 30px; display: inline-block; font-size: 14px; color: #999;} .fy{ margin:30px auto;} .dqwz{width:100%; height: 40px; border-bottom: 1px solid #ccc; overflow: hidden; margin-bottom: 10px;} .dqwz span{width:auto; height: 40px; line-height: 40px; display: inline-block; padding-left: 60px; background:url(../img/wz.png) no-repeat 20px; float: left;} .dqwz a{width:auto; height: 40px; line-height: 40px; display: inline-block; font-size: 14px; color: #666; padding: 0 20px;} .nry{ width:92%; margin:10px 4% 0 4%;} .nry_cont img{width:100% !important; height: auto !important; display:block; margin: 0 auto; padding: 0;} .nry_cont iframe{ width:100%; height: 200px;} .list_img{ width:100%; height: auto; margin: 10px 0 0 0; } .list_img ul li a img{ width:100%; height:120px; display: inline-block; float: left;} .list_query li a span{width:65%; height: 30px; line-height: 30px; display: inline-block; float: left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size: 16px; color: #383838; } .list_query li a img{width:30%; height: 70px; display: inline-block; float: left; margin-right: 10px; } .list_query li a font{width:65%;} /*视频页*/ .video{width:100%; height:250px; display: inline-block; margin: 20px 0 0 0;} .wzdt{width:94%; height: auto; margin: 0 3% 0 3%; } }