/* 未能缩小🧒🏿🫸。正在返回未缩小的内容。 (93,79): run-time error CSS1046: Expect comma, found '0' (93,83): run-time error CSS1046: Expect comma, found '/' */ @charset "utf-8"; @import url(reset.css); @import url(../fonts/iconfont.css); @import url(slick.css); @import url(settings.css); @import url(animate.css); @import url(style.css); body,html{ overflow-x:hidden; height:auto; box-sizing:border-box;} body{ color:#333; font-size:16px; padding-top: 92px;} .course{-moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none;} a{ color:#333; text-decoration:none; } a:hover{ text-decoration:none; color:#dc0000;} i,em{ font-style:normal;}.img img{ width:100%; height:auto; display:block; } .biaodan .ipt_b1 {width: 120px;height: 40px;line-height: 40px;position: relative;margin-top: 20px;display: block;background: #dc0000; text-align: center;color: #ffffff;} .ipt_b0 {border-radius: 5px;padding: 15px 100px;background: #dc0000;border: 0;font-size: 14px;color: #FFF;margin-top:40px;} .header, .header:before, .logo, .menu, .menu a, .menu a:before, .menu dt:before, .slick-arrow, .listA .pd, .imgList .pd, .teamList .pd, .teamListB .pd, .menu .box, .more1{ transition: all 0.3s ease-out; }td.bbb {padding: 0 15px;}.pd .img img {transition: all 1s ease;} .pd .img{ overflow:hidden;} .pd:hover img{ transform:scale(1.05,1.05);}.listA .pd:hover{ transform:translateY(-5px);}.iNewsC .pd:before, .slick-arrow, .ipt_b1, .menu span, .menu i, .pNav span, .pNav i, .pNav dd a:before, .tparrows.round:before{ font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }.menu-link{ -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu-link *{box-sizing: border-box;} .menu-link { display:none; border-radius:5px; box-sizing: border-box; position: absolute; top:50%; margin-top:-20px; right:0px; margin-right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:8px;} .menu-link:hover, .menu-link:focus {} .menu-link span {position: relative;display: block;margin-top:10px;} .menu-link span, .menu-link span:before, .menu-link span:after {background-color: #fff;width: 100%;height:2px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} .menu-link span:before, .menu-link span:after {position: absolute;top: -.55em;content: " ";} .menu-link span:after {top: .55em;} .menu-link.active span {background: transparent;} .menu-link.active span:before {background-color: #fff; -webkit-transform: rotate(45deg) translate(.5em, .4em); -moz-transform: rotate(45deg) translate(.5em, .4em); -ms-transform: rotate(45deg) translate(.5em, .4em); -o-transform: rotate(45deg) translate(.5em, .4em); transform: rotate(45deg) translate(.5em, .4em); } .menu-link.active span:after {background-color: #fff; -webkit-transform: rotate(-45deg) translate(.4em, -.3em); -moz-transform: rotate(-45deg) translate(.4em, -.3em); -ms-transform: rotate(-45deg) translate(.4em, -.3em); -o-transform: rotate(-45deg) translate(.4em, -.3em); transform: rotate(-45deg) translate(.4em, -.3em); }.inews_list31 a:hover {transform: scale(1.05,1.05);box-shadow: 0 0 10px rgb(0 0 0 / 30%);} .wp{ width:1200px; margin:0 auto; position:relative;}.header{ position:fixed; left:0px; top:0px; right:0px; padding-top: 40px; box-shadow:5px 0 27px rgba(0,0,0,0.75); z-index:10; transform:translateZ(0); background:#fff; background-size: 100% auto; } .header:before{ content: ''; position: absolute; left: 0px; top: 0px; right: 0px; height: 40px; background: url("../images/line1.png") repeat-x #dc0000; background-size: 100% 100%;} .header .wp{ width: auto; margin: 0 197px;}.logo{ position:absolute; left:0px; z-index: 3; top:0px; font-size: 115px; line-height:1;} .logo img{ height: 1em; width: auto; display: block;}.tSearch{ position:absolute; right:0px; top:50%; margin-top: -15px; z-index:2; display: none;} .tSearch .i{ display:none; position: relative; z-index: 3; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,0.8); border-radius: 50%; text-align: center; line-height: 34px; color: #fff; cursor: pointer;} .tSearch .box{ padding-top:0px; display: block; position: static; width: 126px; z-index: 2; right: 0px; top: 0px;} .tSearch .pd{ position:relative;} .tSearch .i.active{color: #dc0000;} .tSearch .i.active:before{ content:"\e80c";} .ipt_t1{ background:#f5f5f5; border:none; color:#000; height:30px; width:100%; padding:0 40px 0 15px; border-radius:10px !important; font-size:14px; box-sizing:border-box; display:block;} .ipt_b1{ width:36px; text-align:center; font-size:14px; line-height:30px; height:30px; color:#333; position:absolute; right:0px; top:50%; margin-top:-15px; background:none; background-size:100% 100%; border:none; border-radius:18px!important; }.tLanguage{ position:absolute; right:0px; top:56px; z-index:2;} .tLanguage a{ display: block; width: 36px; height: 36px; text-align: center; line-height: 36px; color: #fff; font-size: 28px;}.tLogin{ position: absolute; right:0px; top: -40px;} .tLogin .i{ display:none; position: relative; z-index: 3; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,0.8); border-radius: 50%; text-align: center; line-height: 34px; color: #fff; cursor: pointer;} .tLogin .box{display: block; line-height: 40px; font-size: 14px; color: #fff;} .tLogin .box a{display: inline-block; vertical-align: bottom; color: #fff} .tLogin .box em{ display: inline-block; vertical-align: middle; margin:0 0.5em;}.thello{ position:absolute; left:0px; top:-40px; z-index:2; color:#fff; line-height: 40px;}.menu{ position:relative; z-index:2; text-align:right; margin-right: -32px; padding: 30px 0;} .menu ul{ display: inline-block; vertical-align: bottom;} .menu li{ position:relative; margin: 0 11px; float:left; text-align:center; box-sizing:border-box;} .menu .h3{} .menu .h3 a{ display:block; border-radius: 3px; height:32px; padding: 0 12px; line-height:32px; font-size:16px; color:#666; position: relative; font-weight: bold;}.menu li.curr .h3 a, .menu li:hover .h3 a{ background:url("../images/menu1.png") repeat-x #d60000; background-size: 100% 100%; color: #fff;}.menu li:hover .box{ visibility:visible; opacity:1; left:0px;}.menu span{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; margin-right:-10px; } .menu span:before { content: "\e604"; } .menu span.active:before { content: "\e606"; } .menu i{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; width:40px; height:40px; text-align:center; line-height:40px; margin-right:-10px;} .menu i:before { content:"\e8e9"; }.menu .box span, .menu .box i{ height:36px; line-height:36px; right:10px; color:#ccc;}.menu .box{ visibility:hidden; opacity:0; background:#fff; border-top:none; text-align:left; width:230px; left:-20px; position:absolute; top: 100%;} .menu .box a{ display:block; line-height:1.25; min-width:180px; color:#dc0000; position:relative; z-index:2; padding:10px 24px; border-bottom:1px solid #dc0000;} .menu .box dl{ position:relative;} .menu .box dt{ position:relative;} .menu .box dt:before{ content:''; position:absolute; top:0px; bottom:0px; width:3px; background:#dc0000; left:0px;} .menu .box dt span{ display:block;} .menu .box dt span:before{ content:'\e915';} .menu .box dd{ display:none; position:absolute; left:100%; top:0px; width:230px; box-shadow:0 6px 12px rgba(0,0,0,0.175);} .menu .box dd a{ background:#fff;} .menu .box dd a:before{ content:''; position:absolute; top:0px; bottom:0px; width:3px; background:#dc0000; left:0px;} .menu .box dd a:hover{ background:#dc0000; color:#fff;} .menu .box dl:hover dt:before{ width:100%;} .menu .box dl:hover dt a{ color:#fff;} .menu .box dl:hover dt em{ color:#fff;} .menu .box dl:hover dt span{ color:#fff;} .menu .box dl:hover dd{ display:block;}.body_fix .header{ padding-top: 0px;} .body_fix .logo{ font-size:87px;} .body_fix .header:before{ top: -40px;} .body_fix .menu{ padding: 10px 0;}.ibanner{ overflow:hidden;} .ibanner .pd{ display:block; position:relative; overflow:hidden;} .ibanner .pd img{ width:100.418410041841%; height:auto; display:block;} .banner{ background:#fff; width:100.418410041841%; position:relative; z-index:1; overflow:hidden;}.iMoreBox{ padding-top: 30px;} .more1{ border-radius: 5px; padding: 0 18px; font-size: 12px; background: url("../images/line2.png") repeat-x #dc0000; height: 32px; line-height: 32px; display: inline-block; vertical-align: bottom;} .more1 span{ color: #fff; text-transform: uppercase;} .more1 i{ color: #fff; font-size: 12px;} .more1:hover{ transform: translateY(-5px); box-shadow: 0 0 10px rgba(0,0,0,0.3);}.tit1{ text-align: left; line-height: 1; margin-bottom: 20px; position: relative;} .tit1 strong{ color: #000000; font-size: 24px; display: inline-block; vertical-align: bottom; font-weight: bold; margin-right: 0.5em;} .tit1 em{ font-size: 20px; display: inline-block; vertical-align: bottom; color: #cfcfcf;} .tit1_2{ text-align: center; margin-bottom: 40px;} .tit1_2 strong{ display: block; margin-right: 0px; margin-bottom: 5px;} .tit1_2 em{ display: block;} .iMain{ padding:80px 0; background: no-repeat center center; background-size: cover;}.iMain0{ padding: 0px !important; background: #f2f2f2; position:relative; z-index: 2;} .iMain0_1{ width:50%; float: left; position: relative; line-height: 72px;} .iMain0_1 .tit{ position: absolute; left: 0px; font-size: 20px; font-weight: bold; width: 100px;} .iMain0_1 .con{ padding:20px 0 20px 112px;} .iNewsA{ overflow:hidden; height:32px; line-height: 32px;} .iNewsA ul{} .iNewsA li{} .iNewsA .pd{ display: block; color: #4d4d4d;} .iNewsA em{ float: right;} .iNewsA span{ height: 32px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;} .iMain0_2{ width: 44%; float: right; position: absolute; bottom: 0px; right: 0px; height: 92px;} .iMain0_2:before{ content: ''; background: url("../images/sousuoBg.png") no-repeat left center #dc0000; background-size: auto 100%; position: absolute; left: 0px; top: 0px; bottom: 0px; width:50vw;} .iMain0_2:after{ content: ''; position: absolute; background: url("../images/sousuoBg2.png") no-repeat; width: 13px; height: 20px; left: -13px; top: 0px;} .iMain0_2 .tit{ position: absolute; left: 46px; line-height: 92px; color: #fff;} .iMain0_2 .tit i{font-size: 46px; display: inline-block;vertical-align: middle; margin-right: 10px;} .iMain0_2 .tit span{ font-size: 20px; font-weight: bold; display: inline-block;vertical-align: middle;} .iMain0_2 .con{ padding: 23px 0 23px 238px;} .iMain0_2 .pd{ position: relative; display: block;} .ipt_t3{ background:#fff; border:1px solid #dc0000; color:#000; height:46px; width:100%; padding:0 66px 0 26px; border-radius:23px !important; font-size:14px; box-sizing:border-box; display:block;} .ipt_b3{ width:56px; text-align:center; font-size:26px; line-height:46px; height:46px; color:#fff; position:absolute; right:0px; top:50%; margin-top:-23px; background:#ff6600; background-size:100% 100%; border:none; border-radius:0 23px 23px 0 !important; }.iMain1{} .iMain1_1{ float: right; width: 44.166666666666665%;} .iMain1_1 .img{ position: relative;} .iMain1_1 .img:before{content: ''; position:absolute; left: 20px; top: 20px; width: 100%; height: 100%; background: #ebebeb;} .iMain1_1 .img img{ position: relative; z-index: 2;}.iMain1_2{ float: left;width: 50%;} .iNewsB{} .iNewsB ul{} .iNewsB li{ border-bottom: 1px solid #f1f1f1;} .iNewsB .pd{ display: block; color: #4d4d4d; line-height: 52px; position: relative; padding-left: 20px; transition: 0.3s all;} .iNewsB .pd:before{ content: ''; width: 7px; height: 12px; position: absolute; left: 0px; top: 50%; margin-top: -6px; background:url("../images/iNewsB.png") no-repeat;} .iNewsB em{ float: right; color: #6e6e6e;} .iNewsB span{ height: 52px; overflow: hidden; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;} .iNewsB .pd:hover{ padding-left: 0px;} .iNewsB .pd:hover:before{ display: none;}.iMain2{ background:url("../images/iMain2.jpg") no-repeat #fcfcfc top center; background-size: cover;} .iNewsC{ position: relative;} .iNewsC .img{ width: 54.16666666666666%;} .iNewsC .text{ position: absolute; left: 54.16666666666666%; margin-left: -66px;padding: 45px; box-sizing: border-box; top: 60px; bottom: 40px; right: 100px; background: #fff; box-shadow: 10px 15px 30px rgba(0,0,0,0.1);} .iNewsC .pd{ display: block;} .iNewsC .h3{ font-size: 20px; line-height: 1.5; height: 1.5em; margin-bottom: 1em; color: #333; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;} .iNewsC .p{ font-size: 14px; line-height: 2; height: 8em; margin-bottom: 1em; color: #666; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;} .iNewsC .slick-slide{} .iNewsC .slick-arrow{ bottom: 70px; top: auto; margin-top: auto;} .iNewsC .slick-prev{ left: auto; right: 300px;} .iNewsC .slick-next{ right: 130px;} .iNewsC .slick-dots{ right: 175px; bottom: 70px; left: auto;} .iNewsC .slick-dots li{ margin: 0px;} .iNewsC .slick-dots li button{ box-shadow: none; text-indent: inherit; width: 20px; font-size: 12px; height: 32px; color: #000; background:none;} .iNewsC .slick-dots li.slick-active button{ color: #ff6600; background:none;} .single-num{ position: absolute; right: 0px; top: 0px; line-height: 0.5; font-size: 300px; color: #f3f4f6;}.iNewsD{} .iNewsD ul{ margin: 0 -10px;} .iNewsD li{ width: 20%; float: left; margin-bottom: 20px;} .iNewsD .pd{ margin: 0 10px; border: 1px solid #f13a3a; display: block; text-align: center; height: 46px; line-height: 46px; color: #f13a3a; transition: 0.3s all; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;} .iNewsD .pd:hover{ background: url("../images/line3.png") repeat-x #dc0000; background-size: 100% 100%; color: #fff; transform: translateY(-5px);}.iNewsE{} .iNewsE .pd{ display: block; position: relative;} .iNewsE .img{} .iNewsE .text{ position: absolute; left: 0px; bottom: 0px; right: 0px; z-index: 2; padding: 0 4em; color: #fff; text-align: center; background: rgba(0,0,0,0.6); height: 56px; line-height: 56px;} .iNewsE .slick-arrow{ bottom: 10px; top: auto;} .iNewsE .slick-prev{ left: 15px;} .iNewsE .slick-next{ right: 15px;}.footer{ background: url("../images/line4.png") repeat-x #dc0000; font-size: 14px; background-size: 100% 100%; color: #fff; padding: 20px 0;} .footer a{ color: #fff;} .footer a:hover{ text-decoration: underline;} .fCopy{ text-align: center; line-height: 22px;} .fCopy p{ display: inline-block; vertical-align: bottom; margin: 0 0.5em;} .fLick{ position:absolute; right: 0px; top:50%; margin-top: -14px; width:220px; z-index:9;} .fLick .h3{ height:26px; line-height:26px; position:relative; background:#dc0000; border:1px solid #fff; cursor:pointer; border-radius:17px;} .fLick .h3 span{ display:block; padding:0 30px 0 20px; color:#fff;} .fLick .h3 i{ width:1em; height:1em; line-height:1em; transform:rotate(90deg); font-size:12px; right:1.5em; position:absolute; top:50%; margin-top:-0.5em; color:#fff; text-align:center;} .fLick .h3 i:before{ display:block;} .fLick .box{ position:absolute; bottom:100%; left:0px; right:0px; background:#f5f5f5; border:1px solid #ccc; border-bottom:none; text-align:center; padding:15px 0; display:none; border-radius:0.5em 0.5em 0 0;} .fLick .box a{ display:block; color:#333; line-height:2em;} .fLick .box a:hover{ background:#dc0000; color:#fff;} .fLick.curr .h3 i:before{ transform:rotate(180deg);} .fLick.curr .h3{ border-radius:0 0 0.5em 0.5em;} /********Faculty**********/ .inews_list31{} .inews_list31 > ul{ /*margin-right:-50px;*/} .inews_list31 > ul > li{ float:left; width:33.333333%; margin-bottom:50px;} .inews_list31 .pd{ background:#fff; border-radius:6px; border:1px solid #ccc; box-shadow:0 0 5px rgba(0,0,0,0.1); margin-right:15px; display:block; padding:19px;} .inews_list31 .img{ width:112px; float:left;} .inews_list31 .img img{ width:100%; height:auto; display:block;} .inews_list31 .text{ padding:0 0 0 23px; margin-left:112px; overflow:hidden;} .inews_list31 .h3{ font-size:16px; line-height:22px; /*height:66px;*/ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; color:#1e61a5; font-weight:bold; margin-bottom:12px; overflow:hidden;} .inews_list31 .p{ font-size:14px; line-height:20px; color:#666;max-height:120px; overflow:hidden;} .inews_list31 .p strong{ color:#404040;} .inews_list31 .h2{ font-size:18px; line-height:22px; display: -webkit-box; color:#1e61a5; font-weight:bold; margin-bottom:12px;}.pg{ min-height:550px; padding:30px 0 50px 0;} .pMain{ overflow:hidden;} .pMainFl{ width:22%; float:left; position:relative;} .tit4{margin-bottom: 15px;padding: 8px 10px 8px 0;border-bottom: 1px solid #dc0000;box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3);font-size: 19px;line-height: 1.4;} .pNav{ border-radius: 5px; background: #fbfbfb;} .pNav li{} .pNav .h3{ position:relative;} .pNav a{ position:relative; font-size:14px; line-height:1.3; /*height:34px;*/ display:block; padding-left:34px; color:#555;padding:6px 0 6px 34px}.pNav span{ display:block; position:absolute; left:0px; top:0px; width:36px; height:36px; text-align:center; line-height:36px; font-size:12px; cursor:pointer;} .pNav span:before { content: "\e604"; } .pNav span.active:before { content: "\e606"; } .pNav dd a:before, .pNav i{ display:block; position:absolute; left:0px; top:0px; width:36px; height:36px; text-align:center; line-height:36px; font-size:12px;} .pNav dd a:before, .pNav i:before{ content:"\e8e9"; } .pNav .h3 a:hover, .pNav .h3 a.active{ color:#dc0000;} .pNav .box{ display:none;} .pNav dl{ margin-left:22px;} .pNav dt{ position:relative;} .pNav dd{ display:none; margin-left:22px;}.pNav li.curr{ background:#f2f2f2;} .pNav li.curr .h3, .pNav li.curr .h3 a, .pNav dl.curr dt, .pNav dl.curr dt a, .pNav dd a.curr{color:#dc0000;} .pMainFr{ width:76%; float:right;} .crumbs{} .crumbsFl{margin-bottom: 20px;padding: 8px 10px 8px 0;border-bottom: 1px solid #dc0000;box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3);font-size: 19px;font-weight: bold;line-height: 1.4;}.newsInfo{} .newsInfoTit{ margin-bottom:30px; text-align:center; border-bottom:1px solid #eee; padding-bottom:30px;} .newsInfoTit .h3{ font-size:18px; line-height:1.5; margin-bottom:5px;} .newsInfoTit .h3 h1{ font-size:24px; font-weight:bold;} .newsInfoTit .em{ line-height:20px; color:#999; font-size:12px;} .newsInfoTit .em i{ margin-right:5px; display:inline-block; vertical-align:bottom;} .newsInfoTit .em em{ display:inline-block; vertical-align:bottom;} .newsInfoTit .em span{ margin:0 1.5em;} .newsInfoCon{ line-height:1.875; margin-bottom:30px;} .newsInfoCon img{ max-width:100%; height:auto; display:inline-block; vertical-align:baseline;} .newsInfoM{} .newsInfoM li{ background:#f5f5f5; margin-bottom:10px; line-height:46px; height:46px; padding:0 20px;} .newsInfoM strong{ float:left; line-height:46px; height:46px;} .newsInfoM a{ display:block; line-height:46px; height:46px; overflow:hidden;} .imgList{} .imgList ul{ margin-right:-30px;} .imgList li{ width:25%; float:left; margin-bottom:30px;} .imgList .pd{ display:block; padding:20px; border-radius:4px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.1); margin-right:30px;} .imgList .img{} .imgList .text{ padding:15px 0 0 0;} .imgList .h3{ font-size:18px; color:#dc0000; margin-bottom:5px; height:1.5em; line-height:1.5; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;} .imgList .em{ color:#999; line-height:20px; margin-bottom:10px;} .imgList .em i{ margin-right:5px;} .imgList .em span{} .imgList .p{ line-height:1.5; height:3em; overflow:hidden; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} .imgList .pd:hover{ transform:scale(1.05,1.05); box-shadow:0 0 10px rgba(0,0,0,0.3);} .imgList2 li{ width:auto; float:none;} .imgList2 .pd{ overflow:hidden;} .imgList2 .img{ width:240px; float:left;} .imgList2 .text{ margin-left:240px; padding-left:20px;}.teamList{} .teamList ul{ margin-right:-30px;} .teamList li{ width:50%; float:left; margin-bottom:30px;} .teamList .pd{ display:block; padding:30px; overflow:hidden; border-radius:4px; border:1px solid #ccc; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.1); margin-right:30px;} .teamList .img{ width:112px; float:left;} .teamList .text{ margin-left:112px; padding-left:30px;} .teamList .h3{ font-size:18px; color:#dc0000; margin-bottom:10px; height:1.5em; line-height:1.5; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; } .teamList .p{ font-size:14px; color:#666; line-height:1.75; height:8.75em; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;} .teamList .pd:hover{ transform:scale(1.05,1.05); box-shadow:0 0 10px rgba(0,0,0,0.3);}.teamListB{} .teamListB ul{} .teamListB li{ margin-bottom:30px;} .teamListB .pd{ display:block; padding:30px; overflow:hidden; border-radius:4px; border:1px solid #ccc; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.1);} .teamListB .img{ width:240px; height:240px; float:left;} .teamListB .img img{ width:100%; height:100%; border-radius:50%;} .teamListB .text{ margin-left:240px; padding-left:40px;} .teamListB .h3{ font-size:22px; margin-bottom:30px; padding-left:1em; position:relative; line-height:1.25;} .teamListB .h3 em{ margin-bottom:0.25em; height:1.25em; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; } .teamListB .h3 strong{ font-weight:bold; color:#dc0000; height:1.25em; overflow:hidden; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; } .teamListB .h3:before{ content:''; width:5px; border-radius:3px; height:100%; position:absolute; background:#dc0000; left:0px; top:0px;} .teamListB .em{ font-size:14px; color:#666; margin-bottom:1em;} .teamListB .p{ font-size:14px; line-height:1.75; color:#666; margin-bottom:20px;} .teamListB .m em{ display:inline-block; vertical-align:bottom; height:2em; line-height:2; padding:0 2em; border:1px solid #dc0000; border-radius:1em;} .teamListB .pd:hover{ transform:translateY(-10px); box-shadow:0 0 10px rgba(0,0,0,0.3);}.newsList{} .newsList ul{} .newsList li{ overflow:hidden; padding:30px 0; border-top:1px dashed #e5e5e5;} .newsList li:last-child{ border-bottom:1px dashed #e5e5e5;} .newsList .pd{ display:block;} .newsList .img{ width:84px; padding:24px 0; float:left; background:#f2f2f2; color:#333; text-align:center; line-height:1;} .newsList .img strong{ display:block; font-size:18px; font-weight:normal; margin-bottom:6px;} .newsList .img em{ display:block; font-size:12px;} .newsList .text{ margin-left:84px; padding:7px 0 0 20px;} .newsList .h3{ font-size:16px; height:1.5em; margin-bottom:5px; line-height:1.5; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; color:#000;} .newsList .p{ height:3em; line-height:1.5; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; color:#666;} /*******教师搜索*******/ .faculty-condition {margin-top: 25px;margin-bottom: 25px;} .faculty-condition:after {clear: both;width: 100%;height: 0;content: '';overflow: hidden;display: block;} .faculty-letter {float: left;width:80%;margin-bottom: 25px;} .faculty-letter li {float: left;width: 40px;text-align: center;height: 40px;line-height: 38px;color: #8d8d8d;font-family: Arial;text-transform: uppercase;border: solid 1px #dddddd;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;cursor: pointer;margin: 0px 0.1%;} .faculty-letter li a { display: block; } .faculty-letter li:hover, .faculty-letter li.on {color: #fff;background-color: #2ba0e8;border-color: #2ba0e8;} .faculty-letter li:hover a {color: #fff; } .faculty-letter li.on a {color: #fff; } .faculty-search {float: right;position: relative;margin: 0 0.5%; width:19%;} .faculty-search-txt {width: 100%;line-height: 38px;height: 40px;color: #666;border: solid 1px #ddd;font-size: 14px;padding-left: 20px;border-radius: 3px;box-sizing: border-box;} .faculty-search-button {width: 40px;height: 40px;line-height: 40px;border: 0;position: absolute;background-color: #666;right: 0px;top: 0px;color: #fff;text-align: center;border-radius: 0 3px 0 3px;cursor: pointer;} .faculty-letter-title { line-height:50px;margin: 20px 0;font-size:30px;color: #dc0000;font-family: Arial;border-bottom: 1px solid;} @media screen and (max-width:1680px){ .header .wp{ margin: 0 120px;} .tparrows.round{ width:40px; height:40px; margin-top:-20px;} .tparrows.round:before{ line-height:40px;} .tp-bullets.simplebullets.round .bullet{ width:12px; height:12px;}} @media screen and (max-width:1600px){ .header .wp{ margin: 0 80px;} .menu{ margin-right: -22px;} .menu li{ margin: 0 10px;} .menu .h3 a{} } @media screen and (max-width:1366px){ .wp{width: 1100px;} .header .wp{ margin: 0 50px;} .iNewsC .text{ padding: 25px 30px;} } @media screen and (max-width:1280px){ .wp{width: auto;margin: 0 50px; } .inews_list31 > ul > li{ width:50%; } } @media screen and (max-width:1024px){ body{ padding-top:50px; background:#fff; font-size:14px;} .wp{ width:auto; margin:0 30px;}.header{ left:0px; top:0px; padding-top: 0px; right:0px; background:#dc0000; box-shadow:0 0 3px rgba(0,0,0,0.3); border-bottom:none; position:fixed;} .header:before, .header:after{ display:none;} .header .wp{ height:50px; position:relative; padding:0px; margin:0 30px; min-width:inherit;} .logo{ font-size:70px; z-index:3; left: -5px; padding: 0px; top:0px;}.tSearch{ position:absolute; right:24px; top:50%; margin-top:-20px; width:auto; display: block;} .tSearch .i{ display:block; width:40px; height:40px; font-size:20px; line-height:40px; border: none; cursor:pointer; color:#fff; text-align:center;} .tSearch .box{ position:fixed; left:0px; top:50px; right:0px; background:#f5f5f5; padding:15px 30px; display:none; width: auto;} .tSearch .i.active{ color:#fff;} .ipt_t1{ background:#fff; color:#333; border:none;} .tLanguage{ position:absolute; right:60px; top:50%; margin-top:-18px; width:auto;} .tLanguage a{font-size: 22px;} .tLogin{ position:absolute; right:54px; top:50%; margin-top:-20px; width:auto;} .tLogin .i{ display:block; width:40px; height:40px; font-size:20px; line-height:40px; border: none; cursor:pointer; color:#fff; text-align:center;} .tLogin .box{ position:fixed; left:0px; top:50px; right:0px; background:#e8eeff; padding:15px 30px; display:none; width: auto; text-align: center;} .tLogin .box a{ color: #000;} .tLogin .box em{ color: #000;} .tLogin .i.active{ color:#fff;}.thello{ display:none;}.menu-link{ display:block;} .menu{ display:none; position:fixed; margin:0px; transform: translateZ(0); top:50px; width:240px; right:0px; padding:0px; background:#f2f2f2; transition:none;} .menu ul{ display:block; padding-right:0px; margin:0px;} .menu li{ float:none; padding:0px; width:auto; margin:0px;} .menu li:before{ display: none;} .menu .h3 a:before{ display:none !important;} .menu .h3{ position:relative; border-bottom:1px solid rgba(162,104,90,0.1); padding:0px;} .menu .h3 a{ text-align:left; position:static; color:#333; padding:0px 30px; height:40px; line-height:40px; border-radius:0px; font-size:14px;text-decoration:none !important; width: auto;} .menu .h3 a:after{ display:none;} .menu .h3 strong{ padding-top:0px; margin-bottom:3px;} .menu li:hover .h3 a{} .menu li.curr .h3 a, .menu li.curr .h3 span{ background:#dc0000; color:#fff;} .menu-link{ display:block;} .menu li:hover .box{ display:none;} .menu i{ display:block;} .menu span{ display:block;} .menu li:nth-child(4){ margin-right:0px;}.menu .box{ display:none; visibility:visible; opacity:1; transition:none; position:static; margin:0px !important; width:auto !important; background:#eee;} .menu .box a{ position:static; color:#333; border-bottom:none;} .menu .box span, .menu .box i{ right:30px; color:#333;} .menu .box dt:before{ display:none;} .menu .box dt span:before{ content:"\e604";} .menu .box dt span.active:before{ content:"\e606";} .menu .box dd{ position:static; width:auto; box-shadow:none;} .menu .box dd a{ background:rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.1); text-align:center;} .menu .box dd a:before{ display:none;} .menu .box dl{border-bottom:1px solid rgba(162,104,90,0.1);} .menu .box dl:hover dt span{ color:#333;} .menu .box dl:hover dt a{ color:#333;} .menu .box dl:hover dd{ display:none;} .iMain0_1{ width: auto; float: none;} .iMain0_2{ display: none;} .iMain1_1 .img:before{ left: 10px; top: 10px;} .iNewsB .pd{ line-height: 40px; padding-left: 16px;} .iNewsB span{ height: 40px;} .iNewsB .pd:before{ width: 6px; height: 6px; margin-top: -3px;} .single-num{ font-size: 200px;} .iNewsC .text{ right: 60px; top: 40px; bottom: 30px;} .iNewsC .slick-arrow{ bottom: 50px;} .iNewsC .slick-dots{ bottom: 50px;} .iNewsC .slick-next{ right: 80px;} .iNewsC .slick-prev{ right: 200px;} .iNewsC .slick-dots{ right: 125px;} .iNewsC .h3{ font-size: 16px; font-weight: bold;} .iNewsC .p{ line-height: 1.5; height: 6em;}.faculty-letter {width: 100%;} .inews_list31 > ul > li {width: 50%;} .faculty-letter li {margin-bottom: 10px;} .faculty-search {width: 99%;margin: 0.5%;position: relative;}.pMainFl{ display:none;} .pMainFr{ float:none; width:auto;}.imgList li{} .imgList ul{ margin-right:-20px;} .imgList li{ margin-bottom:20px;} .imgList .pd{ margin-right:20px; padding:15px;} .teamList ul{ margin-right:-20px;} .teamList .pd{ padding:25px; margin-right:20px;} .teamList li{ margin-bottom:20px;} .teamList .text{ padding-left:20px;} .teamListB ul{} .teamListB .pd{ padding:25px;} .teamListB li{ margin-bottom:20px;} .teamListB .text{ padding-left:20px;}.inews_list31 > ul > li{ width:33.3333333333%; } } @media screen and (max-width:980px){ .iMain1_1{ width: auto; float: none; margin-bottom: 30px; padding-right: 0px;} .iMain1_2{ width: auto; float: none; padding-left: 0px;} .iNewsC .pd{ margin-bottom: 40px;} .iNewsC .img{ width: auto;} .iNewsC .text{ position: static; margin-left: 0px;} .iNewsC .slick-arrow{ display: none !important;} .iNewsC .slick-dots{ left: 0px; right: 0px; bottom: 0px;} .iNewsC .slick-dots li{ margin: 0 5px;} .iNewsC .slick-dots li button{ text-indent: -99px; background: #999; border-radius: 50%; height: 12px; width: 12px;} .iNewsC .slick-dots li.slick-active button{ background: #dc0000;} .iNewsD ul{ margin: 0 -5px;} .iNewsD li{ width: 33.3333%; margin-bottom: 10px;} .iNewsD .pd{ margin: 0 5px; line-height: 40px; height: 40px;} .crumbsFr{ display:none;} .imgList li{ width:25%;} .imgList2 .img{ width:auto; float:none;} .imgList2 .text{ margin:0px; padding-left:0px;} }@media screen and (max-width:868px){ .inews_list31 > ul > li{ width:50%; } }@media screen and (max-width:768px){ .imgList ul{ margin-right:0px;} .imgList li{ width:33.3333%; } .imgList .pd{ margin-right:0px;} .teamList ul{ margin-right:0px;} .teamList li{ width:auto; float:none;} .teamList .pd{ padding:20px; margin-right:0px;} .teamList .text{ padding-left:15px} .newsList li{ padding:20px 0;}.teamListB .pd{ padding:20px;} .teamListB .img{ width:120px; height:120px;} .teamListB .text{ padding-left:15px; margin-left:120px;} .teamListB .h3{ font-size:16px; margin-bottom:20px;} .teamListB .h3:before{ width:4px;} .teamListB .em{ font-size:12px; line-height:1.25; max-height:2.5em; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} .teamListB .p{ font-size:12px; line-height:1.5; max-height:6em; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;}} @media screen and (max-width:760px){ .iMain{ padding: 40px 0;} .iNewsD ul{ margin: 0 -2px;} .iNewsD .pd{ margin: 0 2px; font-size: 12px;} .iNewsD li{ margin-bottom: 4px;} .fCopy{ font-size: 12px; line-height: 1.5;} .iNewsC .text{ box-shadow: none;} .logo{ font-size: 64px;}} @media screen and (max-width:640px){ .inews_list31 > ul > li { width: 100%; } .inews_list31 > ul {margin-right: 0px; } .inews_list31 .pd {margin-right: 0px;} .inews_list32 > ul > li { width: 100%; } .inews_list32 > ul {margin-right: 0px;} .inews_list32 .pd {margin-right: 0px; } .header .wp, .wp{ margin:0 25px;} .inews_list31 > ul > li{ width:100%; float: none;} } @media screen and (max-width:480px){ .imgList li{ width:50%; } .teamList .pd{ padding:15px;} .newsList .text{ padding-left:15px} .teamList .p{ line-height:1.5;} .teamListB .pd{ padding:15px;} .teamListB .img{ width:80px; height:80px;} .teamListB .text{ padding-left:15px; margin-left:80px;} .teamListB .h3{ margin-bottom:15px;} .teamListB .h3:before{ width:3px;}.iMain0_1 .tit{ font-size: 18px;} } @media screen and (max-width:413px){ body{ font-size:13px;} .header .wp, .wp{ margin:0 20px;} .teamList .img{ width:80px;} .teamList .text{ margin-left:80px;} } @media screen and (max-width:374px){ body{ font-size:12px; padding-top: 50px;} .header .wp, .wp{ margin:0 15px;} .newsList .h3{ font-size:14px;} .teamList .h3{ font-size:14px;} .imgList .h3{ font-size:14px;} }.iVideo{} .iVideo video{ width:100%; height:auto; display:block;}/*师资队伍*/ .facultyHead{ position:relative; margin-bottom:30px;} .facultyNav{ margin-right:240px;} .facultyNav li{ float:left; margin-right:3px; margin-bottom:3px;} .facultyNav a{ display:block; width:34px; height:34px; border:1px solid #ddd; text-align:center; line-height:34px; border-radius:5px;} .facultyNav li.curr a{ background:#dc0000; border-color:#dc0000; color:#fff;} .facultySearch{ position:absolute; right:0px; top:0px; width:230px;} .facultySearch .pd{ position:relative;} .ipt_t2{ background:#fff; border:1px solid #dc0000; color:#000; height:36px; width:100%; padding:0 58px 0 15px; border-radius:18px !important; font-size:14px; box-sizing:border-box; display:block;} .ipt_b2{ width:48px; text-align:center; font-size:14px; line-height:36px; height:36px; color:#fff; position:absolute; right:0px;margin-top:50px; background:url(../images/bg.png) no-repeat #dc0000; background-size:100% 100%; border:none; border-radius:18px!important; } .facultyBottom{ padding-bottom:100px;} .facultyTit{ line-height:50px;margin: 20px 0;font-size:30px;color: #dc0000;font-family: Arial;border-bottom: 1px solid;}.facultyInfoHead{ padding:0 30px; margin-bottom:30px;} .facultyInfoHead .img{ width:140px; float:left;} .facultyInfoHead .text{ margin-left:140px; padding-left:30px;} .facultyInfoHead .h3{ font-size:20px; line-height:1.5; color:#E53333; font-weight:bold; margin-bottom:1em;} .facultyInfoHead .em{ font-size:16px; line-height:1.5;} .facultyInfoHead .p{}.facultyInfoBottom{ padding:0 30px;} .facultyInfoBottom .li{ margin-bottom:30px;} .facultyInfoBottom .h3{ font-size:18px; font-weight:bold; color:#E53333; border-bottom:1px solid #ccc; line-height:1.5; margin-bottom:0.5em; } .facultyInfoBottom .p{}@media screen and (max-width:640px){ .facultySearch{ position:static; width:auto; margin-bottom:30px;} .facultyNav{ margin-right:0px;} .facultyInfoHead{ padding:0px;} .facultyInfoBottom{ padding:0px;} } @media screen and (max-width:413px){ .facultyInfoHead .img{ width:auto; float: none; margin-bottom: 20px;} .facultyInfoHead .text{ margin-left:0px; padding-left:0px;} .facultyInfoHead .h3{ font-size:18px; margin-bottom:0.5em;} .facultyInfoBottom .h3{ font-size:16px;} } @media screen and (max-width:374px){}/******************Laboratory table***************/ .newsInfo3 { padding-top: 50px; } @media (max-width: 1024px){ .newsInfo3 { padding-top: 0px; } } @media (min-width: 1025px){ .tableB .td{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;} } .tableB{ position: relative;} .tableB .tbody{width: 100%;padding:0 15px;margin-right: auto;margin-left: auto; box-sizing: border-box;} .tableB .tr{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin:0 -15px;box-sizing: border-box;} .tableB .td{position: relative;width: 100%; /*padding:7px 20px;*/ background-color: #fff;border: 1px solid #d9d9d9;box-sizing: border-box; margin:-1px -1px 0 -1px;}.tableB .td .td1 {padding:7px 20px; border-bottom: 1px solid #d9d9d9;} .tableB .td .td1:last-child{ border-bottom: none; } .tableB .td:last-child{ margin-right: 0px;} .tableB .td:first-child{ /*margin-left: 0px;*/} .tableB_1 .td{ padding: 7px 15px;} .tableB .h3{} .tableB .h3 strong{/* font-size: 16px; line-height: 19px; display: block; color: #031249; margin-bottom: 5px;*/} .tableB .h3 em{ font-size: 12px; line-height: 1.2; display: block; color: #8a8fa1;} .tableB .p{} .tableB .p2{ color: #8a8fa1; font-size: 12px;} .tableB .p3{} .tableB .p3 strong{ font-size: 16px; line-height: 19px; display: block; color: #031249; margin-bottom: 5px;} .tableB .p3 em{ font-size: 12px; line-height: 1.2; display: block; color: #8a8fa1;} .tableB .p3 a strong{ color: #002ac4;} .tableB .p3 a i{ margin-left: 5px;} .tableB .p3_1{ float: left; margin-right: 20px;} .tableB .p3_2{ float: left;} .tableB .p4{ padding: 100px 0; text-align: center;} .tableB .tbodyFl{ position: absolute; left:0px; top: -1px; bottom: 0px; width: 240px;border: 1px solid #d9d9d9; text-align: left;display: flex;align-items: center;vertical-align: middle;justify-content: center; flex-direction:row; box-sizing: border-box; padding: 7px 20px} .tableB .tbodyFr{ position: absolute; right: 0px; top:-1px; height: 266px; width: 190px; background: #ccc;} .tableB .tbodyFr img{ width: 100%; height: 100%; object-fit: cover;} .tableB1{ padding:0 0px 0 238px;} .tableB1 .tbodyFl{ width: 240px;} .tableB1 .tbodyFl .tr{ } .tableB .td ul { } .tableB .td ul li{ width: 50%; float: left;} .tableB .td ul li .lizt { padding: 5px;} .lizt .simg { width: 80px;margin: 0 auto;} .lizt .simg img { height: 70px; width: auto; } .lizt .stxt { text-align: center;font-size: 14px; } .tableB11{ padding:0 0px 0 238px;} .tableB11 .tbodyFl{ width: 240px;display: block;} .tableB11 .tbodyFl .tr{ } .tableB2{ /*padding:0 190px 0 0;*/ z-index: 2;} .tableB2 .tbody{/*width: 239px;margin-left: 0;*/} .tableB2 .tbodyFr {} .tableB7{ padding:0 0 0 186px;} .tableB7 .tbodyFl{ width: 187px;} .tableB8{ padding:0 0 0 354px; margin-bottom: 60px;} .tableB8 .tbodyFl{ width: 355px;} .tableB .td90{ flex: 0 0 90px;-ms-flex: 0 0 90px; max-width:90px;} .tableB .td110{ flex: 0 0 110px;-ms-flex: 0 0 110px; max-width:110px; padding: 7px 8px;} .tableB .td126{ flex: 0 0 126px;-ms-flex: 0 0 126px; max-width:126px;} .tableB .td126_2{ padding-right: 0px;} .tableB .td156{ flex: 0 0 156px;-ms-flex: 0 0 156px; max-width:156px; padding: 7px 8px;} .tableB .td170{ flex: 0 0 170px;-ms-flex: 0 0 170px; max-width:170px;} .tableB .td188{ flex: 0 0 188px;-ms-flex: 0 0 188px; max-width:188px;} .tableB .td200{ flex: 0 0 200px;-ms-flex: 0 0 200px; max-width:200px;} .tableB .td220{ flex: 0 0 220px;-ms-flex: 0 0 220px; max-width:220px;} .tableB .td234{ flex: 0 0 234px;-ms-flex: 0 0 234px; max-width:234px;} .tableB .td240{ flex: 0 0 240px;-ms-flex: 0 0 240px; max-width:240px;} .tableB .td280{ flex: 0 0 280px;-ms-flex: 0 0 280px; max-width:280px;} .tableB .td356{ flex: 0 0 356px;-ms-flex: 0 0 356px; max-width:356px;} .tableB .td470{ flex: 0 0 470px;-ms-flex: 0 0 470px; max-width:470px;} @media screen and (max-width:1024px) { .tableB .tbodyFl{width: 100px; padding: 6px 10px;} .tableB .tbodyFr{ height: 244px; width: 175px;} .tableB1{ padding:0 174px 0 100px;} .tableB1 .tbodyFl{ width: 101px;} .tableB2{ padding:0 174px 0 0;} .tableB7{ padding:0 0 0 130px;} .tableB7 .tbodyFl{ width: 131px;} .tableB8{ padding:0 0 0 268px; margin-bottom: 40px;} .tableB8 .tbodyFl{ width: 269px;} .tableB .td90{ flex: 0 0 58px;-ms-flex: 0 0 58px; max-width:58px;} .tableB .td110{ flex: 0 0 90px;-ms-flex: 0 0 90px; max-width:90px; padding: 6px 6px;} .tableB .td110_2{ flex: 0 0 54px;-ms-flex: 0 0 54px; max-width:54px;} .tableB .td126{ flex: 0 0 126px;-ms-flex: 0 0 126px; max-width:126px;} .tableB .td126_2{ padding-right: 0px;} .tableB .td156{ flex: 0 0 140px;-ms-flex: 0 0 140px; max-width:140px; padding: 6px 6px;} .tableB .td156_2{ flex: 0 0 100px;-ms-flex: 0 0 100px; max-width:100px;} .tableB .td170{ flex: 0 0 140px;-ms-flex: 0 0 140px; max-width:140px;} .tableB .td188{ flex: 0 0 130px;-ms-flex: 0 0 130px; max-width:130px;} .tableB .td200{ flex: 0 0 120px;-ms-flex: 0 0 120px; max-width:120px;} .tableB .td220{ flex: 0 0 180px;-ms-flex: 0 0 140px; max-width:140px;} .tableB .td234{ flex: 0 0 190px;-ms-flex: 0 0 190px; max-width:190px;} .tableB .td240{ flex: 0 0 170px;-ms-flex: 0 0 170px; max-width:170px;} .tableB .td280{ flex: 0 0 220px;-ms-flex: 0 0 220px; max-width:220px;} .tableB .td356{ flex: 0 0 270px;-ms-flex: 0 0 270px; max-width:270px;} .tableB .td470{ flex: 0 0 394px;-ms-flex: 0 0 394px; max-width:394px;} .tableB .tbody{ padding: 0px;} .tableB .tr{ margin: 0px; display: block; margin-bottom: 20px; width: 100%;} .tableB .td { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; border: none; padding: 0px; margin: 0px; width: 100%; float: left; border-bottom: 1px solid #d9d9d9; /*padding: 7px 20px;*/ /*margin: 7px 20px;*/ } .tableB .td:first-child{ /*margin: 0px;*/margin-bottom: 20px;} .tableB .h3{ /*padding-top: 15px; margin-bottom: 5px; border-top: 1px dashed #eee; margin-top: 15px;*/} .tableB .p4{ padding: 30px 0;} .tableB .p3_1{ float: none; margin-right: 0px; margin-bottom: 10px; padding-top: 20px;} .tableB .tbodyFr, .tableB .tbodyFl{ position: relative; width: auto; padding: 0px; border: none; text-align: left; display: block; left: auto; top: auto; bottom: auto;} .tableB .tbodyFr{ width: 175px;} .tableB2, .tableB7, .tableB8, .tableB1{ padding: 0px;} .tableB .td .td1 { border-bottom: none; padding: 0; } .tableB .td .td1 ul li { width: 12.5%; } .tableB .td .td1f {float: left; /*padding-right: 20px;*/ } .tableB .td .td1f .h3 { display: inline-block;} .tableB .td .td1f:after { content: '🦃：';} } @media screen and (max-width:848px) { .tableB .td .td1 ul li { width: 14.28%; } }@media screen and (max-width:760px) { .tableB .td .td1 ul li { width: 16.66%; } } @media screen and (max-width:640px) { .tableB .td .td1 ul li { width: 20%; } } @media screen and (max-width:520px) { .tableB .td .td1 ul li { width: 25%; } } @media screen and (max-width:413px) { .tableB .td .td1 ul li { width: 33.33%; } } @media screen and (max-width:312px) { .tableB .td .td1 ul li { width: 50%; } } @media screen and (max-width:200px) { .tableB .td .td1 ul li { width: 100%; } } /***************网站变灰******************/ /*html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#grayscale); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);opacity: 0.9; }*/