@charset "utf-8";a,a img,address,b,blockquote,body,code,dd,div,dl,dt,font,form,h1,h2,h3,h4,h5,h6,hr,html,iframe,img,label,li,map,ol,p,samp,span,strong,table,td,th,tr,ul{padding:0;margin:0;border:0;font-weight:400;font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif;list-style:none}
body,html{position:relative;height:100%}
body{background:#fff;font:normal 12px/22px "微软雅黑"}
img{border:0}
a{text-decoration:none;color:#000}
a:hover{color:red}
.clear{clear:both}
div{box-sizing:border-box}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{zoom:1}
.fixRight{z-index:2;position:fixed;right:0;top:50%;transform:translateY(-50%)}
.fixRight a{display:block;position:absolute;width:120px;height:36px}
.TXTovehid{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.TXTovehid-two{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.TXTovehid-three{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ani200{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.ani300{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear}
.ani400{-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear}
.ani500{-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear}
.ani1000{-webkit-transition:all 1s linear;-moz-transition:all 1s linear;-ms-transition:all 1s linear;transition:all 1s linear}
.marl120{margin-left:120px}
.fw02 li{width:188px!important}
.marl600{margin-left:780px}
.scaleimg:hover .pic em,.scaleimg:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.rotateY:hover{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}
.translateX:hover{-webkit-transform:translateX(-6px);-moz-transform:translateX(6px);-ms-transform:translateX(-6px);transform:translateX(-6px)}
.scaleimgg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.header{z-index:50;position:fixed;left:0;top:0;transition:all .3s;background-image:linear-gradient(to bottom ,#01235c,rgba(255,255,255,0));width:100%;border-top:0 solid #023d89}
.header.active,.header.on{background:#fff;box-shadow:0 0 10px rgb(0 0 0 / 15%);border-top:0 solid #023d89}
.headerCont{position:relative;margin:0 40px}
.modeLogo{display:block}
.modeLogoon{display:none}
.headerCont a.logo{margin:20px 0;float:left;display:block}
.homeBanner{position:relative;width:100%;overflow:hidden}
.homeBanner .swiper-slide{height:100vh;background-size:cover!important}
.homeBanner span{outline:0}
.nav{width:60%;float:right}
.nav li{position:relative;width:12.5%;text-align:center;float:left;position:relative;height:110px}
.nav li:after{content:'';background:#013d88;height:6px;transition:all .3s;position:absolute;bottom:0;width:0;left:50%;transform:translateX(-50%)}
.navName{overflow:hidden;font-size:20px;height:20px;position:relative;line-height:20px;margin:60px 0 0}
.navName a.defultLink{width:100%;text-align:center;font-size:20px;position:absolute;left:0;top:0;transition:all .3s ease-out;font-weight:700;color:#fff}
.navName a.hoverLink{width:100%;text-align:center;transition:transform .3s ease-out;position:absolute;top:0;transform:translateY(100%);font-size:20px;color:#013d88;width:100%;font-weight:700;left:0}
.nav li:hover a.defultLink{transform:translateY(-110%)}
.nav li:hover a.hoverLink{transform:translateY(0)}
.nav dl{display:none;padding:10px 0;position:absolute;width:230px;left:50%;margin-left:-115px;background:#fff;top:110px}
.nav li:hover:after{width:60px}
.nav dt{font-size:18px;line-height:38px}
.nav dt a:hover{color:#013d88}
.homeControl{line-height:23px;z-index:4;position:absolute;top:20px;right:20px}
.homeControl a{display:block;float:left;font-size:14px;color:#fff;background:url(../images/line.png) right center no-repeat;padding:0 14px;margin-right:14px}
.homeControl a:nth-child(1){background:url(../images/line.png) right center no-repeat;padding:0 14px;margin-right:14px}
.homeControl a.searchBtn{display:block;background:url(../images/search.png) center no-repeat;width:23px;height:23px}
/* .homeControl a:nth-child(2){background:url(../images/line.png) right center no-repeat;padding:0 14px 0 0;margin-right:14px} */
.header.active .homeControl a:nth-child(2),.header.on .homeControl a:nth-child(2){background:url(../images/lineon.png) right center no-repeat;color:#013d88}
.readMore{display:block;width:208px;height:56px;margin:0 auto;border:1px solid #4d4d4d;text-align:center;line-height:56px;font-size:16px;color:#1a1a1a;position:relative;margin-top:35px}
.readMore span{position:relative;z-index:2}
.readMore:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:#203b85;transform:scaleX(0);-webkit-transform:scaleX(0);opacity:0;visibility:hidden}
.readMore:hover:before{transform:scaleX(1);-webkit-transform:scaleX(1);opacity:1;visibility:visible}
.readMore:hover{border-color:#203b85;color:#fff}
.header.active .nav a.defultLink,.header.on .nav a.defultLink{color:#4f4f4f}
.header.active .modeLogo,.header.on .modeLogo{display:none}
.header.active .modeLogoon,.header.on .modeLogoon{display:block}
.header.active .homeControl a:nth-child(1),.header.on .homeControl a:nth-child(1){background:url(../images/lineon.png) right center no-repeat;color:#013d88}
.header.active .homeControl a,.header.on .homeControl a{background:url(../images/lineon.png) right center no-repeat;color:#013d88}
.header.active .homeControl a.searchBtn,.header.on .homeControl a.searchBtn{background:url(../images/searchon.png) center center no-repeat}
.content{position:fixed;left:0;top:100%;bottom:0;right:0;background:#fff;overflow:hidden;transition:top .7s cubic-bezier(.5,0,.2,1) 0s;z-index:16;overflow:auto;outline:0;z-index:20}
.content.showdiv{top:0}
.tansu{font-size:16px;color:#fff;width:130px;position:absolute;left:50%;bottom:20px;text-align:center;overflow:hidden;z-index:15;animation:bb 2s linear 0s infinite;transform:translateX(-50%);cursor:pointer}
.tansu span img{width:19px;margin-bottom:8px}
.tansu p{color:#fff}
.homeBanner .swiper-pagination{padding-right:11%;box-sizing:border-box;text-align:right}
.homeBanner .swiper-pagination-bullet{width:36px;height:36px;text-align:center;line-height:36px;font-size:22px;color:#fff;opacity:1;background:0 0}
.homeBanner .swiper-pagination-bullet-active{color:#fff;background:#013d88}
.section-1{position:relative;z-index:12;padding:160px 0 80px;background:url(../images/section1-bg.jpg) center no-repeat;background-size:cover}
.container{width:1450px;margin:0 auto}
.newspicSlide{float:left;width:726px;position:relative;height:467px;overflow:hidden}
.newImg{position:relative}
.newImg:hover img{transform:scale(1.1)}
.newImg p{box-sizing:border-box;position:absolute;line-height:56px;background:rgba(0,0,0,.42);text-indent:14px;padding-right:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:18px;left:0;bottom:0;width:100%}
.newspicSlide .swiper-pagination{z-index:2;box-sizing:border-box;padding-right:15px;text-align:right;bottom:15px}
.newspicSlide .swiper-pagination span{outline:0;opacity:1;background:#fff}
.newspicSlide .swiper-pagination span.swiper-pagination-bullet-active{background:#ed4259}
.newsRight{float:right;width:calc(100% - 497px)}
.newsChose{margin-bottom:19px;line-height:45px;background:#edf4fb}
.newsChose span{transition:all .5s;position:relative;font-size:16px;float:left;padding:0 22px;color:#6a6a68;cursor:pointer}
.newsChose span.cur{color:#fff;background:#0068b7}
.newsChose span.cur:after{content:'';background:url(https://lab.whu.edu.cn/dfiles/11967/case/wdsbc/images/9.png) center no-repeat;width:17px;height:6px;position:absolute;bottom:-6px;left:50%;margin-left:-8.5px}
.newsChose span:hover{color:#fff;background:#0068b7}
.topnews{overflow:hidden}
.newIntrdocue{padding:8px 0 17px;border-bottom:1px solid #ddd}
.newIntrdocue h2{line-height:2;font-size:30px;font-weight:700;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.newIntrdocue p{font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:28px;color:#484848}
.newsSlide{border-top:4px solid #013d88;padding:0 20px;float:right;width:calc(100% - 726px);height:467px}
.newsSlide ul{padding-top:15px}
.newsSlide li{overflow:hidden;background:url(../images/circle.png) left center no-repeat;line-height:48px}
.newsSlide li p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .5s;font-size:18px;color:#333;text-indent:15px;transition:all .5s}
.newsSlide li:hover p{color:#0068b7;text-indent:8px}
.newsSlidw{background:#fff}
.newspicSlide img{display:block;width:100%}
.dynamic{box-shadow:0 0 20px rgba(0,0,0,.1);z-index:2;position:relative;background:url(../images/7.jpg) left bottom no-repeat;padding:70px 0 50px}
.dynamicName{float:left;font-size:30px;font-weight:700;color:#fff;width:197px;line-height:100px;background:#013d88;text-align:center}
.dynamicName a{color:#fff}
.dynamicLists{float:right;width:calc(100% - 238px)}
.dynamicList li{background:#fff;margin-bottom:20px;padding:14px 1.9% 17px;float:left;width:30%;border:1px solid #e5e5e5;transition:all .5s;box-sizing:border-box;margin-right:5%}
.dynamicList li:nth-child(3n){margin-right:0}
.newsDate{margin-right:30px;float:left;width:36px}
.newsDate p{font-size:30px;color:#013d88;line-height:42px;border-bottom:1px solid #013d88}
.newsDate span{font-size:16px;line-height:24px;text-align:right;display:block;color:#013d88}
.dynamicLists li h3{font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#343434;line-height:28px;padding-top:10px}
.dynamicList{margin-bottom:50px}
.dynamicList li:hover{border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.2)}
.dynamicList li:hover h3{color:#013d88}
.dynamicName.redTag{background:#ca2615}
.mechanism{background:#fff;position:relative;padding:75px 0 50px}
.mechanismTit{margin-bottom:35px;background:url(../images/8.png) center no-repeat;text-align:center;font-size:40px;color:#203b85;line-height:1}
.machaniChose{text-align:center}
.machaniChose span{font-size:20px;cursor:pointer;color:#4c4c4c;font-weight:200}
.machaniChose span:after{content:'/';font-weight:200!important;color:#aaa;font-size:20px;padding:0 0 0 20px;margin-right:20px}
.machaniChose span.cur,.machaniChose span:hover{color:red;font-weight:700}
.macList li{box-sizing:border-box;border-bottom:1px solid #ececec;transition:all .5s;line-height:77px;overflow:hidden;float:left;width:48%}
.macList li:hover{padding-left:8px}
.macList li:nth-child(2n){float:right}
.macList li span{float:right;font-size:20px;color:#b5b5b5}
.macList li p{max-width:calc(100% - 120px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .5s;float:left;font-size:20px;color:#333}
.macList ul{overflow:hidden}
.macList{margin-top:55px}
.macList li:hover p{color:#203b85}
.dn{display:none}
.machImg{position:absolute;right:0;top:-20%;width:20%}
.lab{padding:70px 2.18% 35px;background:#f4f4f4;position:relative}
.labTitle{margin-bottom:50px;text-align:center;position:relative;line-height:88px}
.labTitle p{font-size:40px;font-weight:700;color:#203b85;position:relative;z-index:3}
.labTitle span{position:absolute;left:0;top:0;font-size:88px;z-index:2;color:#e5e5e5;font-style:italic;text-align:center;width:100%}
.labSlide img{display:block;width:100%}
.labSlide p{text-align:center;line-height:86px;color:#5b5b5b;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.labSlide .swiper{padding-bottom:28px}
.labSlide .swiper .swiper-pagination{bottom:0}
.labSlide .swiper .swiper-pagination span{width:13px;height:13px;background:0 0;box-sizing:border-box;opacity:1;border:2px solid #193e9b}
.labSlide .swiper .swiper-pagination span.swiper-pagination-bullet-active{background:#193e9b}
.lab .labImg{position:absolute;left:0;width:14.58%;top:-10%}
.leftTxt{margin-top:48px;background:url(../images/icon7.png) right bottom no-repeat;padding-bottom:25px;float:left}
.leftTxt p{line-height:42px;font-weight:700;font-size:30px;color:#0d5aa8}
.leftTxt span{line-height:1;display:block;text-align:right;font-size:16px;color:#11a9b7;font-weight:200}
.RightTxt{margin-top:48px;background:url(../images/icon8.png) left bottom no-repeat;padding-bottom:25px;float:right}
.RightTxt p{line-height:42px;font-weight:700;font-size:30px;color:#0d5aa8}
.RightTxt span{line-height:1;display:block;font-size:16px;color:#11a9b7;font-weight:200}
.serviceList ul{float:left}
.serviceList li{margin:0 11px;float:left;transition:all .5s;width:168px;height:168px;text-align:center}
.serviceList li p{color:#343434;font-size:17px;line-height:1;margin-top:18px}
.serviceList li span{margin-top:40px;transition:all .3s;display:block;height:54px;width:100%}
.serviceList li span.icon-1{background:url(../images/icon1.png) center no-repeat}
.serviceList li span.icon-2{background:url(../images/icon2.png) center no-repeat}
.serviceList li span.icon-3{background:url(../images/icon3.png) center no-repeat}
.serviceList li span.icon-4{background:url(../images/icon4.png) center no-repeat}
.serviceList li span.icon-5{background:url(../images/icon5.png) center no-repeat}
.serviceList li span.icon-6{background:url(../images/icon6.png) center no-repeat}
.serviceList li:hover span.icon-1{background:url(../images/icon1on.png) center no-repeat}
.serviceList li:hover span.icon-2{background:url(../images/icon2on.png) center no-repeat}
.serviceList li:hover span.icon-3{background:url(../images/icon3on.png) center no-repeat}
.serviceList li:hover span.icon-4{background:url(../images/icon4on.png) center no-repeat}
.serviceList li:hover span.icon-5{background:url(../images/icon5on.png) center no-repeat}
.serviceList li:hover span.icon-6{background:url(../images/icon6on.png) center no-repeat}
.serviceList li span.icon-7{background:url(../images/icon100.png) center no-repeat}
.serviceList li span.icon-8{background:url(../images/icon101.png) center no-repeat}
.serviceList li span.icon-9{background:url(../images/icon102.png) center no-repeat}
.serviceList li span.icon-10{background:url(../images/icon103.png) center no-repeat}
.serviceList li span.icon-11{background:url(../images/icon104.png) center no-repeat}
.serviceList li span.icon-12{background:url(../images/icon105.png) center no-repeat}
.serviceList li span.icon-13{background:url(../images/icon108.png) center no-repeat}
.serviceList li span.icon-14{background:url(../images/icon106.png) center no-repeat}
.serviceList li span.icon-15{background:url(../images/icon107.png) center no-repeat}
.serviceList li:hover span.icon-7{background:url(../images/icon100-1.png) center no-repeat}
.serviceList li:hover span.icon-8{background:url(../images/icon101-1.png) center no-repeat}
.serviceList li:hover span.icon-9{background:url(../images/icon102-1.png) center no-repeat}
.serviceList li:hover span.icon-10{background:url(../images/icon103-1.png) center no-repeat}
.serviceList li:hover span.icon-11{background:url(../images/icon104-1.png) center no-repeat}
.serviceList li:hover span.icon-12{background:url(../images/icon105-1.png) center no-repeat}
.serviceList li:hover span.icon-13{background:url(../images/icon108-1.png) center no-repeat}
.serviceList li:hover span.icon-14{background:url(../images/icon106-1.png) center no-repeat}
.serviceList li:hover span.icon-15{background:url(../images/icon107-1.png) center no-repeat}
.serviceList li:hover{border-radius:50%;background:#11a9b7}
.serviceList li:hover p{color:#fff}
.service{padding:35px 0}
.caseList{overflow:hidden}
.caseBar{float:left;width:32%;margin-right:2%}
.caseBar:hover img{transform:scale(1.1)}
.caseImg{overflow:hidden}
.caseImg img{transition:all .5s;display:block;width:100%}
.caseBar:nth-child(3n){margin-right:0}
.caseBar:nth-child(1){background:#3983ca}
.caseBar:nth-child(2){background:#203b85}
.caseBar:nth-child(3){background:#409abd}
.caseBar dl,.caseBar ul{padding-top:17px;min-height:150px;overflow:hidden}
.caseBar dt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;width:50%}
.caseBar li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.caseTxt{padding:30px 6.4% 22px}
.caseTxt h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:22px;color:#fff;line-height:52px;border-bottom:1px solid #c6dbf0}
.caseTxt dt,.caseTxt li{color:rgba(255,255,255,.6)}
.caseTxt dt a,.caseTxt li a{line-height:30px;font-size:14px;color:rgba(255,255,255,.6);transition:all .5s}
.caseTxt dt a:hover,.caseTxt li a:hover{color:#fff}
.caseTxt dt:nth-child(2n){text-indent:10px}
.footer{margin-top:70px}
.footerTop{padding:23px 0 14px;background:url(../images/footbg.jpg) center no-repeat;background-size:cover}
.footerLogo{margin-top:7px;float:left;margin-right:62px}
.footerLogo img{max-width:100%}
.footContact{float:left}
.footContact h2{font-size:22px;color:#fff;line-height:1;margin-bottom:14px}
.footContact p{font-size:15px;color:#fff;line-height:28px}
.footerCont select{float:right;height:32px;width:215px;outline:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:0;border:1px solid #fff;background:url(../images/select.jpg) 94% center no-repeat;box-sizing:border-box;padding-left:10px;color:#fff;margin-top:20px}
.footerCont select option{color:#000}
.copyRight{text-align:center;line-height:46px;background:#0e2974}
.copyRight a{font-size:14px;color:#fff}
.copyRight span{font-size:14px;color:#6b8cd4;margin:0 16px}
.search{height:0;width:100%;background:#454545;z-index:9999;overflow:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.search.show{height:85px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.search1{width:51%;height:45px;margin:20px auto;-webkit-box-shadow:0 1px 2px rgb(0 0 0);-moz-box-shadow:0 1px 2px #000;-ms-box-shadow:0 1px 2px #000;box-shadow:0 1px 2px rgb(0 0 0);position:relative;z-index:9999}
.search_kuang{width:74%;padding-left:2%;height:45px;background:#fff;font-size:14px;outline:0;box-sizing:border-box;border:none}
.search_submit{width:26%;height:45px;background:#416baf;vertical-align:bottom;color:#fff;font-size:16px;outline:0;box-sizing:border-box;border:none;outline:0}
.search1 a.close{width:24px;height:24px;position:absolute;top:10px;right:-40px;background:url(../images/close.png) -86px 0 no-repeat;opacity:1;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-ms-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s}
@keyframes bb{0%{transform:translate(-50%,0);opacity:0}
20%{transform:translate(-50%,3px);opacity:1}
80%{transform:translate(-50%,10px);opacity:1}
90%{transform:translate(-50%,10px);opacity:0}
100%{transform:translate(-50%,10px);opacity:0}
}
.machaniChose span:last-child:after{display:none}
.imgCell{overflow:hidden;height:19.2vw}
.labSlide .swiper-slide img{display:block;width:100%;transition:all .5s}
.labSlide .swiper-slide:hover img{transform:scale(1.1)}
@media screen and (max-width:1450px){.nav{width:58%}
.container{width:100%;padding:0 4%}
.serviceList li{width:130px;height:130px}
.service{padding:35px 4%}
.serviceList li span{margin-top:20px}
.serviceList li p{font-size:14px}
.serviceList li{margin:0 19px}
.caseTxt h2{font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.navName a.defultLink,.navName a.hoverLink{font-size:16px}
.RightTxt p,.leftTxt p{font-size:26px}
.RightTxt,.leftTxt{margin-top:20px}
}
@media screen and (max-width:1350px){.header{padding:0}
.navName{font-size:17px}
.logo img{height:50px}
.headerCont a.logo{margin:30px 0}
.navName a.defultLink,.navName a.hoverLink{font-size:17px;font-weight:400}
.nav{width:calc(100% - 390px)}
}
@media screen and (max-width:1200px){.macList{margin-top:20px}
.homeBanner .swiper-slide{height:50vw}
.content{position:static}
.section-1{padding-top:80px}
.newspicSlide{float:none;height:auto;width:100%}
.newsSlide{height:auto;float:none;width:100%}
.dynamicName{float:none;margin:0 auto 40px}
.dynamicLists{float:none;width:100%}
}
@media screen and (max-width:1080px){.menu{top:34px;position:absolute;right:0;display:block;background:url(../images/anniu.png) center no-repeat;width:24px;height:22px}
.nav{display:none;position:fixed;top:0;left:0;width:100%;z-index:1001;min-height:100%;background:url(../images/nav.png) 100% 100% repeat;overflow-y:auto;margin-top:0}
.nav li{float:none;width:90%;margin:5px 5%;text-align:left;height:auto}
.navName{text-align:left;margin:5px 0;height:auto}
.navName a.defultLink{font-size:17px;line-height:40px;position:static;text-align:left}
.navName a.hoverLink{display:none!important}
.header.active .nav a.defultLink,.header.on .nav a.defultLink{color:#fff}
.nav dl{width:95%;padding:0;position:static;transform:translate(0);display:block;background:0 0;margin:0 0 0 5%}
.nav dl dt a{color:#fff;font-size:14px;line-height:25px}
.headerCont a.logo{margin:20px 0}
.header.active .menu,.header.on .menu{background:url(../images/anniu-bw.png) center no-repeat}
.homeControl{top:33.5px;right:50px}
.section-1{padding-top:20px;padding-bottom:20px}
.dynamicName{font-size:20px;width:120px;margin-bottom:20px;height:auto;line-height:2}
.dynamic{padding:20px 0}
.footerCont select{display:none}
.footContact{float:right}
}
@media screen and (max-width:780px){.imgCell{height:60vw}
.copyRight{line-height:1.5;padding:20px 4%}
.footerLogo{float:none}
.footContact{float:none;text-align:center;padding:20px 0}
.footContact h2{font-size:18px}
.footerLogo{margin-right:0}
.homeBanner .swiper-slide{height:58vw}
.homeBanner .swiper-pagination{padding-right:5px}
.homeBanner .swiper-pagination-bullet{width:16px;height:16px;line-height:16px;font-size:12px;margin:0 2px!important}
.homeControl{display:none}
.headerCont{margin:0 20px}
.logo img{height:35px}
.menu{top:26.5px}
.tansu{font-size:12px}
.tansu span img{margin-bottom:0}
.newsSlide{padding:10px}
.newImg p{font-size:14px}
.newIntrdocue h2{font-size:18px}
.newIntrdocue p{font-size:14px;line-height:2}
.newsSlide li p{font-size:14px;line-height:2}
.dynamicList li{width:100%;margin-right:0;padding:5px 1.9%;margin-bottom:10px}
.dynamicLists li h3{font-size:14px}
.mechanismTit{font-size:26px}
.macList li{width:100%}
.macList li span{font-size:14px}
.macList li p{font-size:14px}
.macList li{line-height:3}
.machaniChose span{font-size:14px}
.machaniChose span:after{font-size:14px;padding-left:5px;margin-right:5px}
.caseBar{width:100%;margin-right:0;margin-bottom:20px}
.RightTxt,.leftTxt{margin-top:0}
.labTitle span{font-size:44px}
.labTitle p{font-size:26px}
.lab{padding:20px 4%}
.labTitle{margin-bottom:20px}
.labSlide .swiper .swiper-pagination span{border:1px solid #193e9b;width:8px;height:8px}
.RightTxt p,.leftTxt p{font-size:26px}
.footer{margin-top:20px}
.labSlide p{font-size:14px;line-height:2}
.labSlide .swiper{width:100%;height:100%}
.RightTxt,.leftTxt{display:none}
.serviceList{text-align:center}
.serviceList li{display:inline-block;float:none}
.marl120{margin-left:0}
.marl600{margin-left:0}
.fw02 li{width:45%!important;margin:0}
}




.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:""}
.clearfix{zoom:1}
.fl{float:left}
.fr{float:right}
.auto{margin-left:auto;margin-right:auto}
.nyBanner{width:100%;height:430px;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative}
.nyBanner2{width:100%;height:530px;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative}
table{border-collapse:collapse;width:100%}
td{padding:0;border:1px solid #000;text-align:center}
.w1260{width:90%;margin:0 auto;max-width:1450px}
.nyWrap{padding:40px 0 0;background:#f5f5f5}
.nyWrap .nyContent{width:75.55%;box-sizing:border-box;padding:10px 30px 50px;background:#fff;min-height:650px}
.nySide{position:relative;width:20.5%;z-index:3;box-sizing:border-box;padding:70px 0 200px;background:#fff}
.nySide .title{width:100%;height:180px;position:absolute;left:0;top:-106px;box-sizing:border-box;padding:60px 12px 0;color:#fff;text-align:center;background:linear-gradient(-45deg,#237bd5,#0d5aa8)}
.nySide .title:before{content:"";width:100%;height:100%;position:absolute;left:0;bottom:0}
.nySide .title:after{content:"";width:9px;height:10px;position:absolute;left:0;bottom:-10px}
.nySide .title h3{margin-bottom:11px;font-size:36px;line-height:52px;font-weight:400}
.nySide .title h4{font-size:18px;line-height:28px;font-family:Arial;font-weight:400}
.leftNav{width:100%;background-color:#fff;box-sizing:border-box;padding:20px 20px 20px 0}
.leftNav>li>a{display:block;margin-left:30px;border-bottom:1px dashed #e2e2e4;position:relative}
.leftNav>li>a>span{display:inline-block;font-size:18px;color:#222;line-height:58px;transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);transition:transform .3s ease-out .1s;-webkit-transition:transform .3s ease-out .1s;-moz-transition:transform .3s ease-out .1s;-ms-transition:transform .3s ease-out .1s;-o-transition:transform .3s ease-out .1s}
.leftNav>li>a>i{display:block;width:0;height:2px;background-color:#646466;position:absolute;margin-top:30px;transition:width .3s ease-out .1s;-webkit-transition:width .3s ease-out .1s;-moz-transition:width .3s ease-out .1s;-ms-transition:width .3s ease-out .1s;-o-transition:width .3s ease-out .1s}
.leftNav>li>a:hover{background:url(../images/arrowlf.png) no-repeat 230px center #f5f5f5;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom:1px dashed #f5f5f5;color:#fff;margin-left:0}
.leftNav>li>a:hover span{transform:translateX(125px);-ms-transform:translateX(125px);-moz-transform:translateX(125px);-webkit-transform:translateX(125px);-o-transform:translateX(125px);color:#222;margin-left:-40px}
.leftNav>li>a:hover i{width:35px;margin-left:30px}
.leftNavAct{background:url(../images/arrowlf.png) no-repeat 230px center #f5f5f5!important;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom:1px dashed #f5f5f5!important;color:#343434;margin-left:0!important}
.leftNavAct>span{transform:translateX(125px)!important;-ms-transform:translateX(125px)!important;-moz-transform:translateX(125px)!important;-webkit-transform:translateX(125px)!important;-o-transform:translateX(125px)!important;color:#222!important;margin-left:-40px!important}
.leftNavAct>i{width:35px!important;margin-left:30px!important}
.bread{margin-bottom:30px;border-bottom:1px solid #e4e4e4;line-height:64px}
.bread h3{position:relative;font-size:28px;color:#222;font-weight:400}
.bread .path{padding:0 0 0 27px;font-size:14px;color:#666}
.bread .path span{margin:0 8px}
.bread .path a:hover{color:#29a5b0}
.bread2{line-height:64px}
.bread2 .path{padding:0 0 0 27px;font-size:14px;color:#666}
.bread2 .path span{margin:0 8px}
.bread2 .path a:hover{color:#29a5b0}
.pageStyle{font-size:14px;line-height:26px;color:#333}
.pageStyle *{max-width:100%!important}
.pageStyle img{height:auto!important}
.aboutWrap{padding-bottom:45px}
.aboutWrap .title{margin-bottom:18px;text-align:center}
.aboutWrap .title h5{font-size:20px;color:#29a5b0;line-height:20px;margin-bottom:5px}
.aboutWrap .title h6{font-size:22px;line-height:27px;color:#999;font-family:Arial;opacity:.1}
.aboutWrap .pic{text-align:center;margin-bottom:25px}
.devpWrap .title{margin-bottom:24px;text-align:center;font-size:20px;line-height:32px;color:#29a5b0}
.devpWrap .contScroll{margin-bottom:30px;padding:35px 0 0 44px;position:relative}
.devpWrap .contScroll .logo{position:absolute;left:0;top:0;z-index:2;height:69px}
.devpWrap .contScroll .logo img{height:100%}
.devpWrap .contScroll .container{position:relative;overflow:hidden}
.devpWrap .contScroll .container .pic{width:37.6%;position:relative;overflow:hidden}
.devpWrap .contScroll .container .pic em{display:block;width:100%;height:0;padding-bottom:230px;background-repeat:no-repeat;background-position:center;background-size:cover}
.devpWrap .contScroll .container .text{width:55.76%;padding:40px 0 57px;min-height:134px}
.devpWrap .contScroll .container .text .num{margin-bottom:17px;line-height:33px;font-size:24px;color:#29a5b0;font-family:ariblk;font-weight:700}
.devpWrap .contScroll .btn{width:30px;height:25px;position:absolute;left:44.11%;cursor:pointer;z-index:2}
.devpWrap .contScroll .btn.prev{top:0}
.devpWrap .contScroll .btn.next{bottom:20px}
.devpWrap .contScroll .btn:before{content:"";width:6px;height:6px;border-left:1px solid #29a5b0;border-bottom:1px solid #29a5b0;position:absolute;left:5px;top:50%;margin-top:-3px}
.devpWrap .contScroll .btn.prev:before{-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);transform:rotateZ(135deg)}
.devpWrap .contScroll .btn.next:before{-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
.devpWrap .contScroll .btn.disable{opacity:.5;pointer-events:none}
.devpWrap .tabScroll{border-top:1px solid #e4e4e4;position:relative;overflow:hidden}
.devpWrap .tabScroll .slide{padding-top:5px;cursor:pointer;text-align:center}
.devpWrap .tabScroll .slide .dot{width:10px;height:10px;box-sizing:border-box;border:1px solid silver;background:silver;position:relative;margin:0 auto 5px;border-radius:50%}
.devpWrap .tabScroll .slide .dot:before{content:"";width:2px;height:2px;background:#fff;border-radius:50%;position:absolute;left:3px;top:3px}
.devpWrap .tabScroll .slide .num{font-size:14px;line-height:20px;color:#999;font-family:Arial;font-weight:700}
.devpWrap .tabScroll .slide.on .dot{border-color:#29a5b0;background:#fff}
.devpWrap .tabScroll .slide.on .dot:before{background:#29a5b0;-webkit-transform:scale(2);transform:scale(2)}
.devpWrap .tabScroll .slide.on .num{color:#29a5b0}
.nyNav{margin-bottom:50px;text-align:center;font-size:0}
.nyNav li{display:inline-block;margin:0 13px}
.nyNav li a{display:block;font-size:18px;line-height:39px;color:#333;padding:0 16px;border-radius:19px}
.nyNav li a:hover,.nyNav li.on a{background:#29a5b0;color:#fff}
.honorList{padding-bottom:30px}
.honorList li{width:32%;margin:0 2% 8px 0}
.honorList li:nth-child(3n){margin-right:0}
.honorList li a{display:block}
.honorList li a .pic{width:100%;height:0;padding-bottom:66.6667%;position:relative;background:url(https://lab.whu.edu.cn/dfiles/11967/case/wdsbc/images/honorbg.jpg) no-repeat center;background-size:100% 100%}
.honorList li a .pic .bg{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;padding:10px 9px 10px 7px}
.honorList li a .pic .bg div{width:100%;height:100%;overflow:hidden}
.honorList li a .pic .bg div em{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.honorList li a .pic b{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;opacity:0;background-image:-moz-linear-gradient(-78deg,#44a89f 0,#2c9dd7 100%);background-image:-webkit-linear-gradient(-78deg,#44a89f 0,#2c9dd7 100%);background-image:-ms-linear-gradient(-78deg,#44a89f 0,#2c9dd7 100%)}
.honorList li a .pic i{width:28px;height:28px;position:absolute;left:50%;top:50%;margin:-14px 0 0 -14px;z-index:3;background:url(https://lab.whu.edu.cn/dfiles/11967/case/wdsbc/images/sicon.png) no-repeat center;opacity:0;-webkit-transform:scale(0);transform:scale(0)}
.honorList li a h5{text-align:center;font-size:16px;line-height:40px;color:#333;font-weight:400}
.honorList li a:hover .pic b{opacity:.6}
.honorList li a:hover .pic i{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.honorList li a:hover h5{color:#29a5b0}
.Gallery{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.8);opacity:0;z-index:999999;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.Gallery{width:100%;height:100%;position:fixed;left:0;top:0;opacity:0;z-index:999999;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.Gallery.show{opacity:1}
.g-bottom,.g-left,.g-right,.g-top{z-index:99;display:block;-webkit-appearance:none;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.g-top{position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left.none,.g-right.none{opacity:.3;cursor:not-allowed}
.g-bottom{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left{position:absolute;top:43%;left:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.g-right{position:absolute;top:43%;right:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.Gallery img{max-height:87%;max-width:99%}
.Gallery.Gallery-none img{max-height:100%;max-width:99%}
.Gallery-wrap{width:100%;height:100%;position:relative;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.g-left:after{content:'';width:20px;height:2px;background:#fff;position:absolute;left:16px;top:50%;margin-top:-1px}
.g-left:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-top:none;border-right:none;display:block;position:absolute;left:16px;top:50%;margin-top:-6px}
.g-right:after{content:'';width:20px;height:2px;background:#fff;position:absolute;right:16px;top:50%;margin-top:-1px}
.g-right:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-left:none;border-bottom:none;display:block;position:absolute;right:16px;top:50%;margin-top:-6px}
.g-list{width:100%;height:100%;text-align:center;vertical-align:middle;position:absolute;left:0;top:0}
.g-list span{display:inline-block;vertical-align:middle;height:100%}
.g-list img{vertical-align:middle;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease}
.Gallery-wrap.grab .g-list img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.g-top .g-count{width:auto;height:100%;position:absolute;left:0;top:0;padding:0 18px}
.g-top button{height:45px;width:45px;border:none;position:absolute;right:0;top:0;opacity:.8;background:0 0;-webkit-tap-highlight-color:transparent}
.g-top span{display:block;width:100%;height:100%;line-height:45px;color:#fff}
.g-close{cursor:pointer}
.g-close:after{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;left:8px;top:21px}
.g-close:before{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;left:8px;top:21px}
.g-top button:hover{opacity:1}
.page{text-align:center;font-size:0}
.page .wrap{display:inline-block}
.page a{height:36px;border:1px solid #dcdcdc;font-size:14px;color:#444;line-height:36px;padding:0 18px;margin:0 3px}
.page a.num{padding:0 15px}
.page i{width:50px;height:1px;background:#dfdfdf;margin:19px 4px}
.page a.on,.page a:hover{border-color:#29a5b0;color:#29a5b0}
.page1{text-align:center;font-size:0}
.page1 a{display:inline-block;height:42px;padding:0 32px;border:1px solid #d4d4d4;background:#fff;margin:0 8px;font-size:14px;color:#4c4c4c;line-height:42px}
.page1 a.num{padding:0 17px}
.page1 a.on,.page1 a:hover{border-color:#3e5a99;background:#3e5a99;color:#fff}
.page1 table,.page1 td{border:none!important}
.page1 table a,.page1 table span{padding:8px!important}
.contactUs{margin-top:-4px;padding-bottom:2px}
.contactUs dd.fl{min-width:58.8%}
.contactUs dd.fr{min-width:32.6%}
.contactUs dd{box-sizing:border-box;padding-left:30px;position:relative;font-size:16px;line-height:27px;color:#333;margin-bottom:20px}
.contactUs dd .icon{position:absolute;left:0;top:2px;width:24px;height:24px;font-size:0}
.contactUs dd .icon img{width:100%}
.mapWrap{border:1px solid #e7e7e7;height:396px}
.recomNews{margin-bottom:40px;position:relative;overflow:hidden}
.recomNews a{display:block}
.recomNews a .pic{width:47.37%;position:relative;overflow:hidden}
.recomNews a .pic em{display:block;width:100%;height:0;padding-bottom:263px;background-repeat:no-repeat;background-position:center;background-size:cover}
.recomNews a .text{width:48.15%;padding-top:12px}
.recomNews a .text h5{font-size:18px;line-height:30px;color:#333;max-height:60px;overflow:hidden}
.recomNews a .text span{display:block;margin:19px 0;font-size:16px;line-height:23px;color:#999;font-family:Arial}
.recomNews a .text p{font-size:14px;line-height:26px;color:#666;max-height:78px;overflow:hidden}
.recomNews a:hover .text h5{color:#29a5b0}
.recomNews .swiper-pagination{width:auto;left:51.85%;bottom:20px;height:6px;text-align:left}
.recomNews .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;box-sizing:border-box;border:1px solid #29a5b0;margin:0 7px 0 0;opacity:1;background:0 0;-webkit-transition:all .3s linear;transition:all .3s linear}
.recomNews .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#29a5b0}
.newsList ul{margin-bottom:50px}
.newsList ul li{height:48px;line-height:48px;border-bottom:1px dotted #afafaf}
.newsList ul li a{display:block;padding:0 100px 0 17px;position:relative}
.newsList ul li a h5{font-size:17px;color:#353535;font-weight:400}
.newsList ul li a span{font-size:16px;color:grey;position:absolute;right:0;top:0}
.newsList ul li a i{width:0;height:0;border:5px solid transparent;border-left:5px solid #19408c;position:absolute;left:0;top:50%;margin-top:-5px}
.newsList ul li a:hover h5{-webkit-transform:translateX(6px);transform:translateX(6px);color:#19408c}
.newsList.downloadList ul li a span{font-size:13px;padding-left:20px;background:url(https://lab.whu.edu.cn/dfiles/11967/case/wdsbc/images/download.png) no-repeat left center}
.newsList.downloadList ul li a:hover span{color:#19408c}
.passage{margin-top:-6px}
.passage .psgTitle{padding-bottom:24px;border-bottom:1px dashed #e6e6e6;margin-bottom:24px;text-align:center}
.passage .psgTitle h4{margin-bottom:16px;font-size:24px;line-height:35px;color:#272727}
.passage .psgTitle .info .wrap{display:inline-block;font-size:14px;color:#999;line-height:30px}
.passage .psgTitle .info .wrap span{margin-right:62px;padding-left:28px}
.passage .psgTitle .info .wrap span.date{background:url(https://lab.whu.edu.cn/dfiles/11967/case/wdsbc/images/dateicon.png) no-repeat left center}
.passage .psgTitle .info .wrap span.views{background:url(../images/viewsicon.png) no-repeat left center}
.passage .psgTitle .info .share-wrap .item{width:30px;height:30px;margin-left:7px;background:url(../images/shareicon.png) no-repeat left top}
.passage .psgTitle .info .share-wrap .item.weibo-btn{background-position-x:-30px}
.passage .psgTitle .info .share-wrap .item.qq-btn{background-position-x:-60px}
.passage .psgTitle .info .share-wrap .item:hover{background-position-y:bottom}
.passage .psgCont{color:#666;padding-bottom:44px;border-bottom:1px solid #e4e4e4;margin-bottom:38px}
.passage .psgCont .pic{text-align:center;padding-top:24px}
.passage .psgCont .desc{padding:4px 0 20px;text-align:center}
.passage .psgCont .mrgBtm{margin-bottom:26px}
.passage .psgLink{font-size:16px;line-height:24px;color:#333;text-align:center}
.passage .psgLink .next,.passage .psgLink .prev{width:34.2%}
.passage .psgLink .next a,.passage .psgLink .prev a{display:block}
.passage .psgLink a em{display:none}
.passage .psgLink .prev a{padding-left:38px;text-align:left;background:url(https://lab.whu.edu.cn/dfiles/11967/case/wdsbc/images/prev.png) no-repeat left center}
.passage .psgLink .next a{padding-right:38px;text-align:right;background:url(https://lab.whu.edu.cn/dfiles/11967/case/wdsbc/images/next.png) no-repeat right center}
.passage .psgLink .toList{padding-left:30px;background:url(https://lab.whu.edu.cn/dfiles/11967/case/wdsbc/images/listicon.png) no-repeat left center}
.passage .psgLink a:hover{color:#29a5b0}
.bussChannel li{width:49.2%;margin-bottom:1.6%}
.bussChannel li a{display:block;position:relative;width:100%;height:0;padding-bottom:72.3%;overflow:hidden}
.bussChannel li a .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.bussChannel li a:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.4);z-index:2}
.bussChannel li a .maskLayer{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;opacity:0;background-image:-moz-linear-gradient(-78deg,#44a89f 0,#2c9dd7 100%);background-image:-webkit-linear-gradient(-78deg,#44a89f 0,#2c9dd7 100%);background-image:-ms-linear-gradient(-78deg,#44a89f 0,#2c9dd7 100%)}
.bussChannel li a .tit{width:100%;font-size:30px;line-height:40px;color:#fff;font-weight:400;text-align:center;position:absolute;left:0;top:50%;-webkit-transition:all .3s linear .3s;transition:all .3s linear .3s;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:4}
.bussChannel li a .text{width:100%;position:absolute;left:0;top:50%;z-index:5;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);box-sizing:border-box;padding:0 20px;text-align:center;color:#fff}
.bussChannel li a .text h5{font-size:20px;line-height:30px;font-weight:400}
.bussChannel li a .text i{display:block;width:50px;height:1px;margin:18px auto 16px;background:#fff;transform:scaleX(0);-webkit-transform:scaleX(0);opacity:0;visibility:hidden}
.bussChannel li a .text p{font-size:14px;line-height:26px;text-align:left;max-height:78px;overflow:hidden;max-width:500px;margin:0 auto}
.bussChannel li a .text .btn{width:118px;height:37px;border:1px solid #fff;font-size:14px;line-height:37px;margin:34px auto 0}
.bussChannel li a .text .btn,.bussChannel li a .text h5,.bussChannel li a .text p{-webkit-transform:translateY(46px);-moz-transform:translateY(46px);-ms-transform:translateY(46px);transform:translateY(46px);opacity:0}
.bussChannel li a:hover .text .btn,.bussChannel li a:hover .text h5,.bussChannel li a:hover .text p{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}
.bussChannel li a:hover .text p{-webkit-transition:all .3s linear .1s;transition:all .3s linear .1s}
.bussChannel li a:hover .text i{transform:scaleX(1);-webkit-transform:scaleX(1);opacity:1;visibility:visible;-webkit-transition:all .3s linear .3s;transition:all .3s linear .3s}
.bussChannel li a:hover .text .btn{-webkit-transition:all .3s linear .3s;transition:all .3s linear .3s}
.bussChannel li a:hover:before{opacity:0}
.bussChannel li a:hover .maskLayer{opacity:.85}
.bussChannel li a:hover .tit{-webkit-transform:translateY(-26px);-moz-transform:translateY(-26px);-ms-transform:translateY(-26px);transform:translateY(-26px);opacity:0;-webkit-transition:all .3s linear;transition:all .3s linear}
.bussChannel li.li1,.bussChannel li.li7{width:100%}
.bussChannel li.li1 a{padding-bottom:53.8%}
.bussChannel li.li3,.bussChannel li.li5,.bussChannel li.li6{float:right}
.bussChannel li.li5 a,.bussChannel li.li6 a{padding-bottom:34.7%}
.bussChannel li.li7 a{padding-bottom:42.6%}
.bussChannel li.li5 .text i,.bussChannel li.li5 .text p,.bussChannel li.li6 .text i,.bussChannel li.li6 .text p{display:none}
.bussChannel li.li5 .text .btn,.bussChannel li.li6 .text .btn{margin-top:20px;width:100px;height:30px;font-size:12px;line-height:30px}
.contBuss{background:url(https://lab.whu.edu.cn/dfiles/11967/case/wdsbc/images/cbussbg.jpg) no-repeat center top;color:#717171}
.contBuss .dl .dt{width:65.6%;position:relative;overflow:hidden}
.contBuss .dl .dt em{display:block;width:100%;height:0;padding-bottom:450px;background-repeat:no-repeat;background-position:center;background-size:cover}
.contBuss .dl .dt .logo{position:absolute;right:0;top:0;z-index:2;height:118px}
.contBuss .dl .dt .logo img{height:100%!important}
.contBuss .dl .dd{width:34.4%;box-sizing:border-box;padding:50px 30px 0 0}
.contBuss .dl .dd .wrap{max-height:250px;overflow:auto;padding-right:20px;width:100%}
.contBuss .dl:nth-child(2n){position:relative;z-index:2;background:url(https://lab.whu.edu.cn/dfiles/11967/case/wdsbc/images/leaf.png) no-repeat right bottom}
.contBuss .dl:nth-child(2n) .dt{float:left;margin-top:-118px;width:47.8%}
.contBuss .dl:nth-child(2n) .dt em{padding-bottom:484px}
.contBuss .dl:nth-child(2n) .dd{width:52.2%;padding:60px 0 0 48px}
.contBuss .dl:nth-child(2n) .dd .wrap{max-height:276px;padding-right:0}
.contBuss .dl:hover .dt em{-webkit-transform:scale(1.1);transform:scale(1.1)}
.contBuss .dl .dd .wrap::-webkit-scrollbar{width:3px;height:3px}
.contBuss .dl .dd .wrap::-webkit-scrollbar-button:vertical{display:none}
.contBuss .dl .dd .wrap::-webkit-scrollbar-corner,.contBuss .dl .dd .wrap::-webkit-scrollbar-track{background-color:#ccc}
.contBuss .dl .dd .wrap::-webkit-scrollbar-thumb{border-radius:0;background-color:#29a5b0}
.busSide.nySide .list li a:before{display:none}
.about{font-size:17px;line-height:32px;color:#333}
.about div,.about p{font-size:17px!important;line-height:32px!important;color:#333!important}
.about strong{font-weight:700!important}
.about *{max-width:100%!important}
.about .aboutScroll{width:100%;margin-top:35px;position:relative;overflow:hidden}
.about .aboutScroll .swiper-slide{position:relative}
.about .aboutScroll .swiper-slide .pic{overflow:hidden;height:334px;overflow:hidden}
.about .aboutScroll .swiper-slide .pic em{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.about .aboutScroll .swiper-slide h5{width:100%;position:absolute;left:0;bottom:0;text-align:center;font-size:0;text-align:center}
.about .aboutScroll .swiper-slide h5 span{display:inline-block;padding:0 10px;min-width:120px;background:url(../images/gray70.png) repeat;font-size:16px;color:#fff;line-height:50px;font-weight:400}
.about .aboutScroll .swiper-button-next,.about .aboutScroll .swiper-button-prev{width:30px;height:40px;position:absolute;top:50%;margin-top:-20px;cursor:pointer;z-index:3;opacity:1}
.about .aboutScroll .swiper-button-prev{left:10px;background:url(https://lab.whu.edu.cn/dfiles/11967/case/wdsbc/images/leftarr.png) no-repeat center}
.about .aboutScroll .swiper-button-next{right:10px;background:url(https://lab.whu.edu.cn/dfiles/11967/case/wdsbc/images/rightarr.png) no-repeat center}
.about .aboutList{width:100%;margin:40px 0;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;padding:11px 0 16px}
.about .aboutList li{width:20%;text-align:center}
.about .aboutList li h5{font-size:14px;color:#666;font-weight:400;line-height:56px}
.about .aboutList li h5 span{font-size:40px;color:#333;font-family:DINCondBold}
.list ul li{padding:0 13px 0 31px;position:relative;-webkit-transition:.3s all;transition:.3s all}
.list ul li::after,.list ul li::before,.list-img ul li::after,.list-img ul li::before,.list-platform ul li::after,.list-platform ul li::before{content:'';position:absolute}
.list-platform{margin:0 0 50px}
.list ul li:hover{padding:0 13px 0 41px}
.list ul li:hover::before{height:100%;top:0;left:-3.5%;margin-top:0}
.list ul li::after,.list-img ul li::after,.list-platform ul li::after{left:0;top:0;background:#fff;height:100%;z-index:10;width:100%;transition:.3s all}
.list ul li:hover::after,.list-img ul li:hover:after,.list-platform ul li:hover:after{width:107%;left:-3.5%;background:#436db1;box-shadow:7px 0 20px rgb(0 0 0 / 15%)}
.list ul li a{display:block;padding:40px 0;border-bottom:1px solid #ece4df;position:relative;z-index:20;text-decoration:none}
.list ul li:hover a{border-bottom:1px solid #436db1}
.list ul li .time{width:88px;float:left;margin-right:40px;text-align:center;margin-top:13px}
.list ul li .time p{font-size:44px;line-height:58px;color:#436db1;font-family:Tahoma}
.list ul li:hover .time p{color:#fff}
.list ul li .time div{font-size:14px;color:#9a9a9a}
.list ul li .time div span{margin:0 3px}
.list ul li:hover .time div{color:#fff}
.list ul li .cont-info h4{font-size:24px;color:#333;margin-bottom:15px;height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list ul li:hover .cont-info h4{color:#fff}
.list ul li .cont-info p{font-size:16px;color:#333;line-height:30px;height:60px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.list ul li:hover .cont-info p{color:#fff}
.list_p4_1{width:100%;margin:43px auto 0}
.list_p4_1 li{width:100%;border:1px solid #d7d6d6;margin-bottom:21px;float:left}
.list_p4_1 li h5{float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:58px;font-size:16px;color:#555;padding-left:16px;width:calc(98% - 280px)}
.list_p4_1 li h5 a{color:#555}
.list_p4_1 li h5 a:hover{color:#0b44c3;padding-left:10px}
.list_p4_1 li span{display:inline-block;float:right;line-height:58px;font-size:14px;color:#777;margin-left:36px}
.list_p4_1 li>a{float:right;display:inline-block;width:62px;height:58px;background:url(../images/down_black.jpg) center center no-repeat;margin-left:25px}
.list_p4_1 li>a:hover{background:url(../images/down_h.jpg) center center no-repeat}
.cont_p4_tit{width:1141px;padding-left:29px;margin:50px auto 0;background:#f4f4f4;line-height:60px;font-size:18px;color:#555}
.cont_p4_em{width:1170px;margin:auto}
.cont_p4_em span{float:left;display:inline-block;color:#888;font-size:14px;margin-left:37px;line-height:84px}
.cont_p4_em span:first-child{margin-left:0}
.cont_p4_em p{width:100%;float:left}
.cont_p4_box{width:1170px;margin:36px auto 106px;padding-top:19px;border-top:1px solid #e0e1e1}
.cont_p4_box h5{font-size:16px;color:#666;line-height:73px}
.cont_p4_box img{max-width:100%}
.article-content{background:#f2f3f5}
.neirong-bj{background:#fff}
.neirong-left{width:69.5%;float:left}
.neirong-right{width:30.5%;float:left;margin-top:50px;padding-bottom:100px}
.neirong-right h3{margin:0 40px;background:#416baf;height:62px;line-height:62px;padding-left:25px;font-size:22px;color:#fff}
.neirong-right ul{margin:0 40px}
.neirong-right ul li{padding:16px 0;border-bottom:1px solid #eaeaea}
.neirong-right ul li a p{font-size:16px;color:#333;line-height:24px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.neirong-right ul li a .xinxi{margin-top:8px}
.neirong-right ul li a .xinxi .time{font-size:14px;color:#999;background:url(../images/time.png) no-repeat left 4px;padding-left:20px}
.neirong-right ul li a .xinxi .liulan{font-size:14px;color:#999;margin-left:20px;padding-left:20px;background:url(../images/viewsicon.png) no-repeat left 3px}
.article{background:#fff;padding:46px 3.8%;position:relative}
.article h1.intro{text-align:center;font-size:16px;color:#393939;font-family:"微软雅黑";line-height:1.5;margin:0}
.article h2.title{text-align:left;font-size:28px;color:#333;line-height:36px;margin:8px 0;text-align:center;height:auto;border-bottom:none}
.article h3.subtitle{font-size:16px;color:#393939;line-height:1.5;text-align:center;margin:0}
.article h4.information{margin:15px 0 30px;text-align:center;font-size:16px;color:#666;padding:15px 0;border-bottom:1px solid #f2efed}
.article .contbox{color:#333;font-size:16px;line-height:36px;min-height:250px;padding-bottom:15px;margin-top:20px}
.article .contbox p{margin:5px 0;color:#333!important;font-size:16px!important;line-height:36px!important;margin-bottom:20px}
.article .contbox p img{border:none!important;max-width:100%}
.article .contbox div{color:#333!important;font-size:16px!important;line-height:36px!important}
.article .m-tips{padding:27px 40px 25px;background:#f1f4f8;font-size:14px;color:#416baf;line-height:20px}
.article .m-tips p{padding-bottom:14px}
.neirong-right-box{border-left:1px solid #efefef}
.neirong-right-box.rifixed{position:fixed;width:441.25px;left:auto;top:40px}
.hotNews{width:30.5%;float:left;margin-top:50px;padding-bottom:100px}
.hotNews .tit{margin:0 40px;background:#416baf;height:62px;line-height:62px;padding-left:35px;font-size:18px;color:#fff}
.hotNews ul{padding-left:28px;position:relative;overflow:hidden}
.hotNews ul:before{content:"";width:1px;height:100%;background:#d2d2d2;position:absolute;left:6px;top:6px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear}
.hotNews ul li{margin-top:32px;position:relative}
.hotNews ul li:first-child{margin-top:0}
.hotNews ul li:before{content:"";width:9px;height:9px;border:1px solid #c6c6c6;border-radius:50%;background:#fff;position:absolute;top:6px;left:-27px}
.hotNews ul li a{display:block}
.hotNews ul li a .date{width:49px;height:23px;box-sizing:border-box;padding:0 0 0 14px;font-size:11px;color:#999;line-height:23px;background:url(https://lab.whu.edu.cn/dfiles/11967/case/wdsbc/images/rect.png) no-repeat left top;margin-bottom:11px}
.hotNews ul li a p{font-size:16px;line-height:22px;color:#333;max-height:48px;overflow:hidden}
.hotNews ul li.hot:before,.hotNews ul li:hover:before{border-color:#387359}
.hotNews ul li.hot a .date,.hotNews ul li:hover a .date{color:#387359;background-position:left bottom}
.hotNews ul li a:hover p{color:#387359}
.neirong-right .aboutScroll{position:relative;overflow:hidden;margin:10px 40px 20px}
.neirong-right .aboutScroll .swiper-slide{position:relative}
.neirong-right .aboutScroll .swiper-slide .pic{overflow:hidden;height:210px;overflow:hidden}
.neirong-right .aboutScroll .swiper-slide .pic em{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.neirong-right .aboutScroll .swiper-slide h5{width:100%;position:absolute;left:0;bottom:0;text-align:center;font-size:0;text-align:center}
.neirong-right .aboutScroll .swiper-slide h5 span{display:inline-block;width:100%;background:url(../images/gray70.png) repeat;font-size:14px;color:#fff;line-height:40px;font-weight:400}
.abohotNewsut .aboutScroll .swiper-button-prev,.about .aboutScroll .swiper-button-next{width:30px;height:40px;position:absolute;top:50%;margin-top:-20px;cursor:pointer;z-index:3;opacity:1}
.neirong-right .aboutScroll .swiper-button-prev{left:10px;background:url(https://lab.whu.edu.cn/dfiles/11967/case/wdsbc/images/leftarr.png) no-repeat center}
.neirong-right .aboutScroll .swiper-button-next{right:10px;background:url(https://lab.whu.edu.cn/dfiles/11967/case/wdsbc/images/rightarr.png) no-repeat center}
.neirong-right .aboutList{width:100%;margin:40px 0;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;padding:11px 0 16px}
.neirong-right .aboutList li{width:20%;text-align:center}
.neirong-right .aboutList li h5{font-size:14px;color:#666;font-weight:400;line-height:56px}
.neirong-right .aboutList li h5 span{font-size:40px;color:#333;font-family:DINCondBold}
.caseList{width:100%;overflow:hidden}
.caseList ul li{width:31%;margin-right:3%;margin-bottom:3%}
.caseList ul li:nth-child(3n){margin-right:0}
.caseList ul li a{display:block}
.caseList ul li a .pic{width:100%;height:0;padding-bottom:64.6235%;position:relative;overflow:hidden}
.caseList ul li a .pic b,.caseList ul li a .pic em{position:absolute;left:0;top:0;width:100%;height:100%}
.caseList ul li a .pic em{background-repeat:no-repeat;background-position:center;background-size:cover}
.caseList ul li a .pic b{background:rgba(0,0,0,.4);opacity:0}
.caseList ul li a:hover .pic b{opacity:1}
.caseList ul li a h5{padding:0 10px;height:60px;background:#ebebeb;text-align:center;font-size:16px;color:#1a1a1a;font-weight:400;line-height:60px}
.caseList ul li a:hover h5{color:#fff;background:#005bb3}
@media screen and (max-width:1200px){.nySide .title h3{font-size:30px}
.list ul li a{padding:28px 0}
.list ul li:hover::after,.list-img ul li:hover:after,.list-platform ul li:hover:after{width:111%;left:-5.5%}
.list ul li:hover::before{left:-5.5%}
.list ul li .time p{font-size:38px}
.list ul li .time div{font-size:13px}
.list ul li .time{margin-right:24px;margin-top:4px}
.list ul li .cont-info h4{font-size:20px;margin-bottom:8px}
.list ul li .cont-info p{font-size:14px;line-height:26px;height:52px}
.list-platform ul li .list-platform-box{margin-right:28px}
.list-platform ul li{padding:35px 8px 35px 20px}
.list-platform ul li .list-platform-text .more{font-size:14px;margin-top:14px}
.list-platform ul li .list-platform-text .list-platform-icon{font-size:14px;margin-right:18px}
.list-platform ul li .list-platform-text .list-platform-icon img{margin-right:4px}
.list_p4_1{width:94%;padding:0 3%}
.list_p4_1 li{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.list_p4_1 li h5{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.list_p4_1 li span{padding-left:26px;margin-left:0}
}
@media screen and (max-width:1024px){.nyBanner{height:auto;padding:10% 0;text-align:center}
.nyBanner2{height:auto;padding:10% 0;text-align:center}
.nySide{display:none}
.nyWrap{padding:30px 0 50px}
.nyWrap .nyContent{width:100%}
.contactUs dd.fl,.contactUs dd.fr{width:100%;margin-bottom:12px;font-size:14px}
.passage .psgTitle .info .wrap span{margin-right:30px}
.contBuss .dl .dt .logo{height:98px}
.contBuss .dl:nth-child(2n) .dt{margin-top:-98px}
.isect1{padding:30px 0 6px;font-size:20px;line-height:38px}
.isect1 img{height:20px}
.isect2 .container{padding-bottom:40px}
.isect2 .container .swiper-pagination{display:block}
.ititle{line-height:88px}
.ititle h3{font-size:28px}
.ititle h3:before{width:50px;right:-65px}
.imore{font-size:14px;padding-right:16px}
.list ul li::before{width:2px;height:50px;margin-top:-25px}
.list ul li .time p{font-size:36px}
.list ul li .time div{font-size:12px}
.list ul li .time{margin-right:20px}
.list ul li .cont-info h4{font-size:18px;margin-bottom:5px}
.list ul li{padding:0 10px 0 15px}
.list ul li:hover{padding:0 10px 0 25px}
.list ul li a{padding:21px 0}
.list ul li:hover::after,.list-img ul li:hover:after,.list-platform ul li:hover:after{width:114%;left:-7%}
.list ul li:hover::before{left:-7%}
.list ul li .time{margin-right:14px}
.list-platform ul li{padding:25px 5px 25px 10px;overflow:hidden}
.list-platform ul li .list-platform-text{padding-left:206px;height:auto}
.list-platform ul li .list-platform-box{width:188px;height:141px;margin-right:18px}
.list-platform ul li .list-platform-text .more{font-size:12px;margin-top:8px}
.list-platform ul li::before{left:-27px;top:70px;width:2px;height:60px}
.list-platform ul li .list-platform-text .list-platform-icon{font-size:13px}
}
@media screen and (max-width:768px){.bread{margin-bottom:20px}
.bread h3{display:none}
.bread .path{float:none;padding-right:0;font-size:14px;line-height:24px;padding:5px 0 5px 20px;background-size:auto 16px}
.nyWrap .nyContent{padding:10px 15px 40px}
.aboutWrap{padding-bottom:20px}
.aboutWrap .title{margin-bottom:12px}
.aboutWrap .title h5{font-size:18px}
.aboutWrap .title h6{font-size:16px;line-height:18px}
.aboutWrap .pic{margin-bottom:12px}
.devpWrap .title{margin-bottom:12px;font-size:18px}
.devpWrap .contScroll{margin-bottom:10px;padding:18px 0 0 20px}
.devpWrap .contScroll .container .pic,.devpWrap .contScroll .container .text{width:100%}
.devpWrap .contScroll .btn{display:none}
.devpWrap .contScroll .container .text{padding:20px 0;min-height:auto}
.devpWrap .contScroll .container .text .num{font-size:20px;line-height:24px;margin-bottom:5px}
.devpWrap .contScroll .logo{height:44px}
.honorList{padding-bottom:20px}
.honorList li{width:48%;margin-right:0}
.honorList li:nth-child(2n){float:right}
.page a{height:32px;line-height:32px;font-size:12px}
.page i{display:none}
.recomNews{padding-bottom:20px}
.recomNews a .pic,.recomNews a .text{width:100%}
.recomNews .swiper-pagination{width:100%;left:0;text-align:center;bottom:10px}
.recomNews .swiper-pagination .swiper-pagination-bullet{margin:0 4px}
.recomNews a .text span{margin:9px 0}
.recomNews a .text p{font-size:13px;line-height:24px;height:48px}
.recomNews a .text h5{font-size:16px;line-height:24px;height:auto;max-height:48px}
.newsList li a{padding:15px}
.noticeList{margin-top:-10px;padding-bottom:30px}
.noticeList li a{padding:15px 0 15px 72px}
.noticeList li a .date{width:60px;height:60px;top:22px}
.noticeList li a .date em{font-size:30px}
.noticeList li a h5{font-size:15px;line-height:28px}
.noticeList li a p{font-size:13px}
.noticeList li a .date span{font-size:12px}
.noticeList li a .date em{padding-top:0;line-height:30px}
.passage{margin-top:0}
.passage .psgTitle{padding-bottom:12px;margin-bottom:18px}
.passage .psgTitle h4{font-size:18px;line-height:26px;margin-bottom:8px}
.passage .psgTitle .info .share-wrap{display:none}
.passage .psgTitle .info .wrap span{margin:0 6px}
.passage .psgCont .pic{padding-top:12px}
.passage .psgCont .mrgBtm{margin-bottom:15px}
.passage .psgCont{padding-bottom:24px;margin-bottom:18px}
.passage .psgLink{font-size:14px}
.passage .psgLink .next,.passage .psgLink .prev{width:100%;margin-bottom:6px}
.passage .psgLink .toList{display:none}
.passage .psgLink .prev a{padding-left:0;text-align:left;background:0 0}
.passage .psgLink .next a{padding-right:0;text-align:left;background:0 0}
.passage .psgLink a em{display:inline-block}
.bussChannel li a .tit{font-size:20px}
.bussChannel li a .text p{font-size:13px;line-height:24px;max-height:48px}
.bussChannel li a .text .btn{width:100px;height:30px;line-height:30px;font-size:12px;margin-top:20px}
.bussChannel li a .text i{margin:12px auto}
.contBuss .dl{margin-bottom:20px}
.contBuss .dl:last-child{margin-bottom:0}
.contBuss .dl .dd,.contBuss .dl .dt{width:100%!important}
.contBuss .dl:nth-child(2n) .dt{margin-top:0}
.contBuss .dl .dd,.contBuss .dl:nth-child(2n) .dd{padding:20px 0 0}
.contBuss .dl .dd .wrap,.contBuss .dl:nth-child(2n) .dd .wrap{height:auto;max-height:none}
.contBuss .dl:nth-child(2n){padding-bottom:30px;background-size:auto 30px}
.contBuss .dl .dt em{padding-bottom:76.79%}
.contBuss .dl:nth-child(2n) .dt em{padding-bottom:113.35%}
.contBuss .dl .dt .logo{height:68px}
.contBuss .dl .dd,.contBuss .dl:nth-child(2n) .dd{padding-top:12px}
.list ul li{padding:0 5px}
.list ul li:hover{padding:0 5px 0 15px}
.list ul li .time p{font-size:36px}
.contact table tr.firstRow td{font-size:15px}
.contact table tr+tr td{font-size:13px;padding:5px 0 5px 12px!important}
.rsMinW .rsBullets{right:10px}
.left-nav ul li a::after,.left-nav ul li a::before{background-size:34px}
.list ul li:hover::after,.list-img ul li:hover:after,.list-platform ul li:hover:after{width:110%;left:-5%}
.list ul li:hover::before{left:-5.5%}
.list-culture ul li .list-culture-box{height:155px}
.list-culture ul li .list-culture-box h5.media-heading{padding:48px 10px 4px}
.list_p4_1 li span{padding-left:16px;float:left;margin-left:0}
}
@media screen and (max-width:640px){.newsList{padding-bottom:10px}
.newsList li{width:100%}
.newsList li a .text h5{height:auto;max-height:48px;font-size:15px;line-height:24px}
.newsList li a .text p{font-size:13px;line-height:24px;height:auto;max-height:48px}
.bussChannel li a .text i,.bussChannel li a .text p{display:none}
.bussChannel li a .tit{font-size:16px}
.bussChannel li a .text h5{font-size:16px;line-height:20px}
.bussChannel li a .text .btn,.bussChannel li.li5 .text .btn,.bussChannel li.li6 .text .btn{width:80px;height:24px;line-height:24px;margin-top:12px}
.list ul li:hover::after,.list-img ul li:hover:after,.list-platform ul li:hover:after{width:112%;left:-6%}
.list ul li:hover::before{left:-6%}
.list-culture ul li .list-culture-box{height:135px}
.neirong-right .aboutScroll{margin:10px 20px 20px}
}
@media screen and (max-width:468px){.about .aboutScroll .swiper-slide .pic{display:none}
.page1 a.num{display:none;padding:0 12px}
.page1 a.num.on{display:inline-block}
.page1 a{padding:0 20px;height:32px;line-height:30px}
.nyBanner{padding:22% 0}
.nyBanner2{padding:22% 0}
.honorList{padding-bottom:10px}
.honorList li{width:100%}
.page a{height:28px;line-height:28px;font-size:12px;padding:0 12px}
.page a.num{padding:0 10px}
.mapWrap{height:300px}
.nyWrap .nyContent{min-height:500px}
.nyNav li{margin:0 6px}
.nyNav li a{font-size:16px;line-height:30px;border-radius:15px;padding:0 10px}
.recomNews a .pic em{padding-bottom:62.17%}
.bussChannel li{width:100%}
.bussChannel li a{padding-bottom:54%!important}
.bussChannel li a .text .btn,.bussChannel li.li5 .text .btn,.bussChannel li.li6 .text .btn{margin-top:30px;height:30px;line-height:30px;width:90px}
.bussChannel li a .tit{font-size:20px}
.bussChannel li a .text h5{font-size:18px}
.list ul li:hover{padding:0 0 0 10px}
.list ul li a{padding:17px 0}
.list ul li .time{margin-right:12px;width:75px}
.list ul li .cont-info h4{font-size:17px;margin-bottom:3px}
.list ul li .cont-info p{font-size:13px;line-height:24px;height:48px}
.setup2 h3{width:100%}
.teacheing table tr td ul li h4{width:100%;margin-right:0;margin-bottom:10px}
.left-nav .current span{bottom:12px}
.award table tr td{padding:10px!important;font-size:13px}
.list ul li:hover::after,.list-img ul li:hover:after,.list-platform ul li:hover:after{width:116%;left:-8%}
.list ul li:hover::before{left:-8%}
}