/* 未能缩小。正在返回未缩小的内容。 (282,79): run-time error CSS1046: Expect comma, found '0' (282,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; } .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; } .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); } .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;} .menu ul{ display: inline-block; vertical-align: bottom;} .menu li{ position:relative; margin: 0 1px; float:left; text-align:center; box-sizing:border-box;} .menu .h3{} .menu .h3 a{ display:block; height:86px; padding: 0 15px; line-height:86px; font-size:15px; color:#666; position: relative; font-weight: bold;} .menu .h3 a:before{ content: ''; position: absolute; left: 50%; bottom: 0px; height: 3px; background: #dc0000;width: 0%;} .menu li.curr .h3 a:before, .menu li:hover .h3 a:before{ width: 100%; margin-left: -50%;} .menu li.curr .h3 a, .menu li:hover .h3 a{ background: #fceeee; color: #dc0000;} .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 .h3 a{ height: 64px; line-height: 64px;} .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 .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: 10px; height: 10px; position: absolute; left: 0px; top: 50%; margin-top: -5px; background: #535353; border-radius: 50%;} .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: #f5f5f5;} .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: 250px;} .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);} .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:#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;} .inews_list31 a:hover {transform: scale(1.05,1.05);box-shadow: 0 0 10px rgb(0 0 0 / 30%);} /*******教师搜索*******/ .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;} .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:26px; /*height:36px;*/ padding-top: 5px; display:block; padding-left:36px; color:#555;} .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;} /*.pMainCon{ padding:30px 0 0 0 ;}*/ .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:2.25; 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:16px; 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;} @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{ margin: 0 50px;width:auto;} .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;} .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){ .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;} } @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; top:50%; margin-top:-18px; 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: #2e5681; 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:#dc0000; 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;} #jiewei{float:left;width:100%;padding-top:20px} } @media screen and (max-width:374px){ } /*********教师信息**********/ .formtable { line-height: 40px; width: 100%;} .formtable tr td { padding: 2px 0px; } .formBox .li { background: #f5f5f5; padding: 20px; border-radius: 5px; margin-bottom: 5px; position: relative;} .formBox dl { position: relative; padding: 0 0 0 70px; margin-bottom: 10px;} .formBox dl:last-child { margin-bottom: 0px; } .formBox dt { position: absolute; left: 0px; top: 0px; line-height: 32px; font-weight: bold; color: #000;} .formBox dd {} .formM {margin-top: 50px;text-align: center;} .ipt_b0 {border-radius: 5px;padding: 15px 100px;background: #dc0000;border: 0;font-size: 14px;color: #FFF;} .ipt_b0 span {font-size: 14px; color: #fff;} .ipt_b0:hover {background: #1e61a5;} .ipt_bt_disable {border-radius: 5px;padding: 15px 100px;background: #999; border: 0;font-size: 14px;color: #FFF;cursor: not-allowed;} .biaodan .ipt_b1 { width: 120px; height: 40px; line-height: 40px; border-radius: 3px; position: absolute; top: 50%; left: 0; display: block; background: #dc0000; text-align: center;} .biaodan .ipt_b1 span {font-size: 14px;color: #fff;} .biaodan .ipt_b1 i {font-size: 14px;margin-left: 15px;color: #fff;} .biaodan .ipt_b1:hover {background: #1e61a5;} .formtable .ipt_t1 { width: 100%; height: 32px; line-height: 32px; border: 1px solid #ccc; box-sizing: border-box; padding: 0 15px; border-radius: 3px !important;} .formtable .ipt_t1:focus { box-shadow: 0 0 10px rgba(43,160,232,1); border-color: #1e61a5; } .formtable .ipt_b2 { width: 24px; height: 24px;position: absolute; right: -34px;top: 50%; margin-top: -12px; color: #fff; text-align: center; line-height: 24px; z-index: 2;font-size: 10px; display: block; background: #ff0000; border-radius: 50%;} .formtable .ipt_b2:hover {color: #fff;background: #ca0000;} .ou {width: 107px;display: block;float: left;} /***************网站变灰******************/ /*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; }*/