@charset "utf-8"; /* CSS Document */ html{background:#fff;font-size:62.5%; } body{font-size:14px;font-size:1.4rem;color: #000;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;} html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset,figure,figcaption{margin:0px;padding:0px; -webkit-font-smoothing: subpixel-antialiased;} table{border-collapse:collapse;border-spacing:0;width:100%;} fieldset,img{border:0;} img,object{width:auto;max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;} a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #323232;} a:hover{color: #108757;text-decoration: none;} input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;} address,cite,code,dfn,th,var{font-style:normal;font-weight:400;} ul,ol,li{list-style:none outside none;} .pa{position: absolute;} .pr{position: relative;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';content:none;} input,textarea,select{font-weight:inherit;} input,select,textarea,button {vertical-align:middle} strong{font-weight: bold;} i{font-style: italic;} .imgResponsive{width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;display: block;} .imgResponsive img{width: 100%;transition: all 1s ease;} .clearFix{*zoom:1;clear:both;} .clearFix:after{content: '';display: block;clear:both;} .clear{width: 100%;overflow: hidden;} .wrap-header{width: 100%;transition: all 0.3s ease-in-out;background:url(../../images/xwwgb20190115/header_bg.png) no-repeat bottom center #fff;border-bottom: 1px solid #ddd;overflow:hidden;} .headerTop{width:100%;overflow: hidden;height: 40px;background: #b62b2b} .top_nav{width: 1200px;margin:0 auto;text-align: right;height: 13px;padding-top: 12px;line-height: 13px;} .top_nav a{color:#fff;font-size: 12px;} .top_nav span,.top_nav a{display: inline-block;*display: inline;*zoom:1;} .top_nav span{color:#fff;height: 13px;margin:0 10px;} .headerTop a:hover{color:#f8eee3;} .top{width: 1200px;margin:0 auto;} .logo{padding:30px 0;overflow:hidden;float: left;} .logo a {float: left;} .logo_01{width: 270px;height: 62px;} .logo_02{width:105px;height: 34px;margin-left: 19px;border-left: 1px solid #ddd;padding:8px 0 8px 20px;margin-top: 6px; } .logo_03{width:151px;height: 34px;margin-left: 19px;border-left: 1px solid #ddd;padding:8px 0 8px 15px;margin-top: 6px; } .content{position: relative;} .mode01{width: 1200px;margin:0 auto;position: relative;z-index: 1;overflow:hidden;} .content:before{content: '';width: 50%;background-color: #eee;left:50%;height: 100%;width: 50%;position: absolute;top: 0;z-index: 0} .mode01 .main{margin-left: 150px;-moz-transition: margin-left 0.4s ease; -o-transition: margin-left 0.4s ease; -webkit-transition: margin-left 0.4s ease; transition: margin-left 0.4s ease;} .main-lf{width:79%;float: left; background-color: #fff;margin-bottom:-5000px;padding-bottom:5000px;} .main-lf-con{padding:0 30px 75px 0;} /*标签*/ .slide-label{color:#fff;padding:7px 12px 8px;position: absolute;left: 25px;top: 25px;width: auto;display: inline-block;z-index: 20;border-radius: 15px;overflow:hidden;line-height: 16px;} .slide-label a{color:#fff;position: relative;z-index: 15;} .slide-label:before{position: absolute;color:#fff;content: '';display: block;transition: all 0.3s ease;z-index: 10;width: 100%;left: 0;top: 0;height: 100%;background:#7a1087;opacity: 0.7;filter:alpha(opacity=70);} .slide-label:hover:before{opacity: 1;filter:alpha(opacity=100)} .slide-label.color1:before{background:#7a1087;} /*一流建设*/ .slide-label.color2:before{background:#108757;} /*bifa88学子*/ .slide-label.color3:before{background:#6440ff;} /*学术交流*/ .slide-label.color4:before{background:#ffb040;} /*师缘bifa88*/ .slide-label.color5:before{background:#4083ff;} /*bifa88团队*/ .slide-label.color6:before{background:#104e87;} /*校友风采*/ .slide-label.color7:before{background:#87105e;} /*人才培养*/ /*新闻列表*/ .newsList01{} .newsList01 li{padding-top: 30px;border-top: 1px solid #ddd;margin-bottom: 30px;} .newsList01 li:first-child{border-top: none;} .item-img01{width: 320px;float: left;border-radius: 5px;position: relative;padding-top: 5px;} .item-txt01{margin-left: 340px;overflow: hidden;} .item-img01 img:hover{transform:scale(1.2);} .item-txt01 h3{font-size: 16px;height: 48px;line-height: 24px;overflow:hidden;margin-bottom: 18px;} .item-txt01 p{line-height: 22px;height: 88px;overflow: hidden;margin-bottom: 8px;} .item-txt01 p a{color:#666;} .item-bottom span,.item-bottom strong{color:#999;font-weight: normal;display: inline-block;*display: inline;*zoom:1;} .item-bottom span{margin-right: 25px;} .item-bottom .iconfont{padding-right: 10px;} .item-txt01:hover a{color:#108757;} .main-rt{width:18%;float: right;height: 100%;overflow:hidden;padding-top: 30px; } /*视频新闻*/ .listTitle{font-size: 16px;padding-bottom: 10px;border-bottom: 1px solid #cdcdcd} .listTitle a{display: block;height: 16px;border-left: 4px solid #be3030;line-height: 16px;padding-left: 8px;} .videoColumn{padding-bottom: 35px;} .newsList02 li{padding-bottom: 17px;border-bottom: 1px solid #cdcdcd;overflow:hidden;margin-top: 20px;} .item-img02 .imgResponsive{padding-bottom: 56.08%;border-radius: 5px;position: relative;} .item-img02:hover .video-play{right: 50%;bottom: 50%;margin:0 -9px -9px 0;} .videoColumn .imgResponsive{background: #000} .videoColumn .item-img02:hover img{opacity: 0.7} .item-txt02{line-height: 20px;overflow:hidden;font-weight: normal;padding-top: 10px;} .video-play{width: 20px;height: 20px;border-radius: 50%;border:2px solid #fff;color:#fff;font-size: 12px;line-height: 20px;text-align: center;right: 10px;bottom: 10px;position: absolute;transition: all 0.3s ease-in-out} .video-play:before{padding-left: 2px;} .video-play:after{content: '';width: 100%;height: 100%;opacity: 0.3;filter: alpha(opacity=30);display: block;background-color: #fff;position: absolute;left: 0;top: 0;border-radius: 50%;} .newsList02 li:last-child,.newsList03 li:last-child{border: none;} .newsList03{} .newsList03 li{line-height: 24px;padding:15px 0 12px;border-bottom: 1px solid #cdcdcd} .newsList03 li a{display: block;position: relative;padding-bottom: 10px;} .newsList03 li a:before{content: '';width: 30px;height: 1px;background: #ddd;position: absolute;left: 0;bottom: 0;} .newsList03 li span{display: block;padding-top: 7px;color:#999;} /*热门标签*/ .tagColumn{padding:35px 0;} /*.tagList{padding:15px 0 0 0;margin:0 -5px;overflow:hidden;} .tagList li{float: left;height: 28px;line-height: 28px;width: auto;margin-bottom: 10px;} .tagList li > a{display: block;border:1px solid #ddd;padding:0 18px;border-radius: 15px;overflow:hidden;margin:0 5px;transition: all 0.3s ease-in-out} .tagList li > a:hover{background-color: #108757;color:#fff;} */ /*热词搜索*/ .tagList{padding:15px 0 0 0;margin:0 -5px;overflow:hidden;} .tagList{padding:10px 0;width: 100%;overflow:hidden;} .tagList form{margin:5px 8px;*display: inline;*zoom:1;display: inline-block;} .tagList input.notxt1{padding:7px 14px;border:1px solid #d5d5d5;border-radius: 15px;transition: all 0.3s ease-in-out;cursor: pointer;} .tagList input.notxt1:hover{background-color: #108757;color:#fff;} .vertical-wrap-nav{width: 120px;float: left;margin-top: 29px;} .v-nav ul{height: auto;border-radius: 5px;border-bottom:1px solid #ddd} .v-nav li{transition: all 0.3s ease;position: relative;text-align: center;} .v-nav li a:hover{background-color: #be3030} .v-nav li:hover a,.v-nav li:hover .v-arrow{color:#fff;} .v-nav li:hover span{color:#fff;} .v-nav li a{padding:20px 5px;display: block;font-size: 16px;} .v-nav li > a{border:1px solid #ddd;border-bottom: none;} .v-nav li:first-child > a{border-radius: 5px 5px 0 0} .v-nav li:last-child > a{border-radius: 0 0 5px 5px} .v-subNav{width: 120px;background:url(../../images/xwwgb20190115/subNav_bg.png) repeat;position: absolute;right: -119px;top:1px;display: none;z-index: 900} .v-nav li:first-child.on > a{border-radius: 5px 0 0 0} .v-nav li:last-child.on > a{border-radius: 0 0 0 5px;} .v-nav li.on .v-subNav{display: block;} .v-nav li.on > a,.v-nav li.active > a{background-color: #be3030;color:#fff;} .vertical-wrap-nav.fixTop{position: fixed;left: 50%;margin-left: -600px;top: 0;z-index: 1000} .vertical-wrap-nav.fixBottom{position: absolute;left: 0;bottom: 10px;} .fadeInRight{-webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both} @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } /*.nav-open .vertical-wrap-nav.active .v-subNav dd a{text-align: center;}*/ /*web搜索*/ .ser{width:200px; height:30px; line-height:30px;position: relative;background-color: #eee;float: right;border-radius: 14px;margin-top: 50px;overflow: hidden;} .search input{position:absolute; color:#bababa; border:none; background:none; top:0px; padding-left:0px;height: 30px;line-height: 33px; } .search input.notxt{color:#bababa; font-size: 12px; padding:0 0 0 7px;width:80%;}.search input.notxt1 {position: absolute;width: 35px;right:0;border: none;cursor:pointer; overflow: hidden;padding-right:0; border:none;background:url(../../images/xwwgb20190115/search.svg) no-repeat center center #163a1d;background-size: 20px} .goTop {position: fixed;bottom: 40px;right: 20px;z-index: 9999999;color: #fff;text-align: center;font-size: 22px;transition: none;background-color:#830002;width: 50px;height: 50px;line-height: 50px;text-align: center;opacity: 0.8;} .goTop:hover{color:#fff;background-color:#e46856;} /*手机端导航*/ .mobile-header-icon{width: 35px;height: 27px;line-height: 27px;text-align: center;position: absolute;right: 20px;top:34px;color:#333;font-size: 24px;cursor: pointer;display: none;font-weight: bold;z-index: 3000} .mobile-header-icon.icon-guanbi{color:#fff;} .mobile-header-close:before{padding-right: 3px;} .nav-open .vertical-wrap-nav{width: 210px;display: block;position: fixed;left: 0px;top: 0;padding:0 0 15px;background-color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.2);z-index: 2020;opacity: 1;transform: scale(1);height: 100%;box-sizing: border-box;overflow-y: auto;overflow-x: hidden;} .nav-open .mode01 .rt{margin-left: 225px} .nav-open .v-logo{display: none;} .mobile-v-logo{display: none;padding-top: 15px;} .v-logo1{display: block;text-align: center;} .v-logo2{display: block;width: 100%;text-align: center;} .body-overlay{display: none;} .nav-open .body-overlay{width: 100%;height: 100%;background:#7f0000;position: fixed;left: 0;top: 0;z-index: 2000;display: block;} .mobile-ser{display: block;position: relative;} .mobile-main{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2010;display: none;padding-top: 10vh;} .mobile-nav,.mobile-ser{width: 80%;margin:0 auto;} .mobile-ser{height: 40px;line-height: 40px;border-bottom: 1px solid #993333;} .mobile-ser input{height: 40px;line-height: 40px;color:#9d5858;} .mobile-ser input.notxt1{background:url(../../images/xwwgb20190115/search.svg) no-repeat center center;background-size: 25px;} .mobile-ser input.notxt{font-size: 1.8rem;padding-left: 0} .mobile-nav {padding:2vh;} .mobile-nav li{position: relative;border-bottom: 1px solid #8c1a1a;line-height: 1.2;padding:3vh 0;} .mobile-nav li > a{font-size: 1.6rem;color:#fff;} .mobile-subNav{display: none;padding:2vh 0 2vh 2em;} .mobile-subNav dd a{color:#b98d8d;padding:2vh 0;display: block;font-size: 1.4rem;} .mobile-subNav dd a:hover{color:#fff;} .v-arrow{font-size: 2rem;font-style: normal;color:#fff;position: absolute;right: 10px;height: 25px;top: 2.7vh;line-height: 25px;cursor: pointer;} .v-arrow.icon-arrow3{color:#fff;font-size:2.5rem;} .mobile-link{width: 90%;margin:0 auto;padding:2vh 0;text-align: center;font-size: 0} .mobile-link a,.mobile-link span{display: inline-block;color:#fff;font-size: 1.2rem;line-height: 24px;} .mobile-link span {margin:0 15px;} .footer{width: 100%;overflow:hidden;background-color: #333;line-height: 24px;text-align: center;} .copyRight{padding:25px 0;max-width: 1200px;margin:0 auto;color:#d8d8d8;} .footer span,.footer a{display: inline-block;color:#d8d8d8;margin:0 5px;} @media screen and (max-height:780px) { .v-nav li a{padding:15px 5px;} } @media screen and (max-height:630px) { .v-nav li a{padding:10px 5px;} } @media screen and (max-height:690px) { } @media screen and (max-width:1366) { .v-nav li a{font-size: 1.5rem;} } @media screen and (max-width:1280px) { .top_nav,.top,.mode01,.copyRight{width: 998px;} .item-img01{width: 280px;} .item-txt01{margin-left: 300px;} .item-txt01 p{height: 66px;} .vertical-wrap-nav.fixTop{position: fixed;left: 50%;margin-left: -499px;top: 0;} } @media screen and (max-width:1024px) { .top_nav,.top,.copyRight{width: auto;padding-left: 15px;padding-right: 15px;} } @media screen and (max-width:1024px) { } @media screen and (max-width:1280px) { } @media screen and (max-width:998px) { .vertical-wrap-nav,.headerTop{display: none;} .mode01 .main{margin:0;} .wrap-header{border-top: 5px solid #b12727} .ser{display: none;} .mobile-ser{display: block;} .logo_01{width: 200px;height: 46px;} .logo_02{width: 80px;padding:3px 0 3px 10px;margin:7px 0 0 10px;height: 26px;} .logo_03{width: 100px;padding:3px 0 3px 10px;margin:7px 0 0 10px;height: 23px;} .mobile-header-icon{display: block;} .logo{padding:22px 0; } .content::before{display: none;} .main-rt,.main-lf{width: 100%;float: none;} .readMore{padding-bottom: 25px;} .main-lf-con{padding-right:0;} .newsList02 li{width: 33.3%;padding:0 10px 17px;box-sizing: border-box;float: left;} .newsList02 li:last-child{border-bottom: 1px solid #cdcdcd} .imgColumn li{width: 50%;} .topicColumn,.newsPaperColumn,.tagColumn{width: 33.3%;float: left;box-sizing: border-box;padding-top: 0} .topicColumn{padding-right: 30px;border-right: 1px solid #eee} .tagColumn{padding-left: 30px;border-left: 1px solid #eee} .newsPaperColumn{padding-left: 30px;padding-right: 30px;} .newsPaperColumn .flexslider{overflow:hidden;} .main-rt{padding: 10px 0 35px;} .main-lf-con{padding-bottom: 10px;} .main-lf{margin-bottom: 0;padding-bottom: 0} } @media screen and (max-width: 768px) { .item-txt01 h3{font-weight: normal;} .slide-label{left: 15px;top: 15px;} .mobile-nav li > a{font-size: 1.4rem;} .copyRight{font-size: 1.2rem;} .mobile-header-icon{font-size: 20px;} } @media screen and (max-width:640px) { .topicColumn{width: 100%;padding-right: 0;border:none;float: none;} .newsPaperColumn,.tagColumn{padding:30px 0 0 0;width: 100%;float: none;border:none;} .newsList03{width: 100vw !important;left: 50%;right: 50%;position: relative;margin-left: -50vw;margin-right: -50vw;display: flex;flex-wrap:nowrap;overflow:scroll;-webkit-overflow-scrolling:touch;padding:15px 0} .newsList03 li{padding:15px 25px 10px;-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;border-right: 1px solid #eee;border-bottom: none;} .readMore a{padding:10px 20px;} .item-img01{width: 210px;} .item-txt01{margin-left: 225px;} .item-bottom{font-size: 1.2rem;} .item-txt01 h3{font-size: 1.5rem;} .item-txt01 p{display: none;} .item-txt01 h3{height: 72px;} .item-bottom .icon-shijian{font-size: 1.4rem;} .newsList02 li{width: 100%;float: none;} .item-img02{width: 210px;display: block;float: left;} .item-txt02{margin-left: 230px;padding:0;} .mobile-ser input.notxt{font-size: 1.4rem;} } @media screen and (max-width:380px) { .item-img01{width: 100%;float: none;} .item-txt01{margin:10px 0 0 0;} .item-txt01 h3{height: auto;margin-bottom: 12px;} .newsList01 li{margin-bottom: 15px;padding-top: 15px;} .item-img02{float: none;width: 100%;} .newsList02 li{padding:0 0 15px;} .item-txt02{margin:10px 0 0 0;} .logo_01{width: 150px;height: 35px;} .logo_02{width: 55px;height: 18px;margin-top: 4px} .mobile-header-icon{top: 20px;} .logo{padding:12px 0;} .mobile-ser input.notxt1{background-size: 20px;} }