.fz-0{font-size: 0;} .w100{width: 100%;} .h100{height: 100%;} .logo{width: 5.8rem;} .oh{overflow: hidden;} .tc{text-align: center;} .color-666{color: #666} .color-red{color: red} .color-white{color: #fff} .tj{text-align: justify;} .br-ccc{border-right:1px solid #ccc;} .bg-white{background: white} .bg-f2{background: #f2f2f2 !important} .mt-20{margin-top: 20px;} .db{display: block;} .flex_ends {display: flex !important;justify-content: space-between;align-items: center;} .df-vertical{display: flex;flex-flow: column;align-items: center;justify-content: center;} .df-center{display: flex;align-items: center;justify-content: center;} .df-around{display: flex;align-items: center;justify-content: space-around;} .pd-rl{ padding-right: .5rem;padding-left: .5rem;} .line_one {white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} .bgfix {background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;} .t-index-b p{text-indent: 2em;} .t-index{text-indent: 2em;} .load {padding: .5rem 0;width: 100%;color: #737373;text-align: center; font-size: .8rem;} /* head */ .head-search{display: flex;align-items: center;width: 3.7rem;justify-content: space-between;} .head-search .link{width: 1px; background: #ededed;height: 1.2rem;} .head-search i{font-size: 1.1rem;color: #666666; line-height: 1;} /* 轮播图 */ #banner .swiper-pagination{bottom: 2px;} #banner .swiper-pagination-bullet {background: #fff;opacity: 1;} #banner .swiper-pagination-bullet-active{ opacity: 1;background: #094ead;} /* nav */ .index-nav .i-ul{padding-left: 0;margin: 0} .index-nav .i-li{float: left;width: 33.3%;height: 6.5rem;display: flex;flex-flow: column;align-items: center;justify-content: center;border-right:1px #ededed solid; border-bottom:1px #ededed solid; } .index-nav .i-li .i-m{margin-bottom:10px;display: flex;justify-content: center;width: 1.5rem;align-items: center;height:1.5rem;} .index-nav .i-li a{display: flex;justify-content: center;align-items: center;flex-flow: column; width: 100%; height: 100%;font-size: 15px;} .index-nav .i-li .i-m img{display: block;margin: 0 auto; max-width: 100%;max-height: 1.5rem;} .index-nav .i-li:nth-child(3n){border-right:0px #fff solid; } .bar-footer {padding: 0;} .bar-footer a.active{color: #094ead;} .bar-footer a{display: flex;flex-flow: column;align-items: center;justify-content: center;width: 20%;height: 100%;} .bar-footer a .iconfont{ font-size: 1.2rem;line-height: 1;margin-bottom: 5px;} .bar-footer a span{font-size: .7rem;line-height: 1} /* 版权 */ .copyright{font-size: 14px;height: 4.3rem;background-color: #094ead;color: #fff;} .copyright .opacity{opacity: .5;} .copyright .opacity a{color: #fff;} /* 公共头部 */ .common-head{min-height: 100px;position: relative;} .common-head .txt{position: absolute;width: 100%;height: 100%;top: 0; font-size: 13px;color: #fff; display: flex;flex-flow: column;align-items: center;justify-content: center;padding-bottom: 1rem} .common-head .txt .tit{font-size: 1.3rem;line-height: 1;color: #094ead;} .common-head .txt .link{width: 20px;height: 2px;background: red; margin: 5px 0;} .common-head .txt .info{font-size: 1.8rem;color: #728abc;line-height: .8;} /* 公共导航 */ #common-nav {display: flex;width: 100%;max-width: 750px;position: relative;align-items: center;border-bottom:1px solid #dedede; height: 2rem;overflow: hidden;} #common-nav .left, #common-nav .right{width: 1.5rem;text-align: center;height: 100%;display: flex;align-items: center;justify-content: center;} #common-nav .left{border-right:1px solid #dedede;} #common-nav .right{border-left:1px solid #dedede;} #common-nav .right.swiper-button-disabled a, #common-nav .left.swiper-button-disabled a{color: #000;opacity: .2;} #common-nav .common-slide {flex: 1; min-width: 0;height: 2rem;} #common-nav .common-slide .swiper-slide{display: flex;align-items: center;justify-content: center;font-size: 15px;} #common-nav .active a{color: #094ead;} #common-nav .slide-two{width: 50%;text-align: center;height: 2rem;line-height: 2rem} .common-page{display: flex;justify-content: space-between;align-content: center;height: 40px;line-height: 40px;color: #797979;border: 1px #ededed solid; margin: 10px 0 20px 0;} .common-page #currpage{font-size: .7rem;} .common-page .pageBox{width: 40%} .common-page .pageBox {display: flex;justify-content: space-between;} .common-page .pageBox a{flex: 1;display: block;text-align: center;} .common-page .pageBox a i{color: #797979;font-size: 13px;} .common-title{margin-top: 20px;} .common-title h2{font-size: 1rem;} .common-title .link{width: 30px;height: 2px;background:#094ead; margin: 10px 0;} .common-title .fu{font-size: 12px;color: #333;opacity: .3;line-height: 1;} .common-more{border: 1px solid #094ead;font-size: 14px;text-align: center;width: 90px;height: 30px;color:#094ead; margin: 25px 0;} .common-list ul li{margin-bottom: 20px;width: 100%;} .common-list ul li img{max-width: 100%;} .common-list ul li .bgfix .video{position: absolute;width: 60px;height: 60px;top: 50%;left: 50%;margin:-30px 0 0 -30px;} .common-list ul li .info{background: #f2f2f2;padding: 15px 8px; box-sizing: border-box;} .common-list ul li .info .tl{color: #2a3483;font-size: 16px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;} .common-list ul li .info .tl span{vertical-align: middle;} .common-list ul li .info .tl .hot{display: inline-block;background: #ff8812;color: #fff;padding: 1px 5px;font-size: 12px; vertical-align: middle;} .common-more2{ margin: 1rem 0;} .common-more2 .a2{display: inline-block;font-size: 14px;border:1px solid #094ead;color: #094ead;padding: 5px 10px;} .common-list ul li .info .time{color: #999999;font-size: 14px;margin-bottom: 5px;} .common-list ul li .info .txt{color: #999999;font-size: 14px; display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /* 公共内容 */ .common-content img{ max-width: 100%; display: block;font-size: 0; margin: 0 auto;} .common-content p {margin: .8rem 0;line-height: 1.8;font-size: .7rem;color: #898989;} /* */ .process_content{margin-top: 20px;border-left: 1px dashed #e1e1e1;padding: 10px 0 27px 0; margin-left: 10px;} .garden{ width: 20px;height: 20px;border-radius: 50%;background: #99b7e0;margin: auto;z-index: 1;display: inline-block; position: absolute;left: 11px;} .garden_2 {width: 10px; height: 10px;margin-top: 5px;margin-left: 5px; border-radius: 50%; background: #fff;line-height: 15px;text-align: center;} .process_content .process_dot{margin-left:-8px;padding-left: 25px;padding-bottom: 5px;} .process_content .process_dot .info{padding-left: 5px;} .process_content .process_dot .info h1{font-size: 16px;line-height: 1.2;color:#094ead;} .process_content .process_dot .info p{font-size: .7rem;margin-bottom: 15px;} .portrait{margin-top: 30px;} .portrait img{ width: 200px;height: 200px; border-radius: 50%;} .portrait .name{font-size: 1rem;margin-top: 20px;} .portrait .position{font-size: .7rem;color: #999999} /* 文化 */ .culture ul{margin-top: 30px;margin-bottom: 10px;overflow: hidden; display: flex;flex-wrap: wrap;} .culture ul li{width: 50%;display: inline-block;vertical-align: top;float: left;background: #f2f1f1;position: relative; min-height: 9rem;} .culture ul li .culture-text{margin: 10px 10px 0 10px;font-size: 13px !important;} .culture ul li .culture-text h2{font-size: 15px;margin-bottom: 5px;} .culture ul li .culture-text p{line-height: 1.7} .culture ul li img { position: absolute;z-index: 1;width: 100%;height: 100%;display: block;opacity: .2;} /* 荣誉 */ .honor{margin-top: 20px;} .honor ul li{display: flex;flex-flow: column;justify-content: center;margin-bottom: 30px;border: 1px solid #ebebeb;} .honor ul li div{font-size: 14px;padding:10px;line-height: 2;color: #666666;text-align: center;} .honor ul li img{max-width: 100%;display: block;} .framework{margin-top: 20px;margin-bottom: 10px;min-height: 270px;} .framework img{ width: 100%;} /* */ #research {margin-top: 20px;} #research .swiper-wrapper .swiper-slide .research-text {font-size: 14px;padding:10px 15px;box-sizing: border-box;background: #f2f2f2;line-height: 2;} #research .swiper-wrapper .swiper-slide .research-text h2{font-size: 16px;} #research .swiper-pagination{position: relative;margin-top: 20px;} .adviser-list li{margin-bottom: 20px;} .adviser-list li img{border-radius: 50%;width: 150px;height: 150px;} .adviser-list li .info {width: 80%;} .adviser-list li .info .tl{color: #666666;font-size: 16px;margin-bottom: 5px;margin-top: 10px;} .adviser-list li .info .txt{color: #999999;font-size: .7rem;} /* */ #join{margin-top: 20px;} #join .swiper-wrapper .swiper-slide{border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;} #join .swiper-wrapper .swiper-slide a{width: 50%;float: left;display: block;text-align: center;height: 4rem;line-height: 4rem;border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} #join .swiper-wrapper .swiper-slide a img{width: 80%;vertical-align: middle;} #join .swiper-pagination{position: relative;margin-top: 20px;} .join-welcome{background: #404040;padding: 10px 5px;margin-bottom: 20px;color: #fff;text-align: center;} .join-welcome .tit{font-size: 28px;} .join-welcome .txt{font-size: 16px;} .recruit ul li{padding: 10px;box-sizing: border-box;border: 1px solid #f2f2f2;margin-bottom: 20px;} .recruit ul li .tltle{display: flex;justify-content: space-between;align-items: center;font-size: 14px;color: #ccc;} .recruit ul li .tltle h2{font-size: 16px;color: #333} .recruit ul li .condition{display: flex;align-items: center;font-size: 14px;color: #666;margin-top: 5px;} .recruit ul li .condition span{margin-right: 20px;} .recruit ul li .apply{display: flex;justify-content: space-between;align-items: center;font-size: 14px;margin-top: 15px;} .recruit ul li .apply .red{color: red;} .recruit ul li .apply .app-b{padding: 1px 10px;border:1px solid #094ead;color: #094ead;} .recruit-info {font-size: 14px;color: #666;padding: 15px 5px;background: #f2f2f2} .recruit-info p{margin-bottom: 10px;} .news-title {text-align: center;} .news-title h1{font-size: 20px;color: #333;margin-bottom: 10px; font-weight: inherit;} .news-info{display: flex;align-items: center;font-size: 14px;color: #999;justify-content: center; border-bottom: 1px #e8e8e8 dashed;padding-bottom: .6rem;} .news-info span{margin-left: 2px;} .news-content p{ font-size: .7rem; color: #666666; line-height: 1.8; margin: .8rem 0; text-indent: 2em;} .news-content img { margin: .3rem auto;display: block;max-width: 100%;} .news-upTitle h3{padding-left:10px;border-left: 4px solid #094ead;color: #333; font-size: 16px;line-height: 1} .news-end{padding-top: 20px;border-top: 1px solid #e8e8e8;margin-bottom: 30px;} .news-end .a1{display: block;font-size: 14px;margin-bottom: 5px;} .news-end .a2{display: inline-block;font-size: 14px;border:1px solid #094ead;color: #094ead;padding: 5px 10px; margin-top: 10px;} .gallery-top .slide_txt{text-align: center;margin: 5px 0 15px 0;font-size: 14px;} .gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;} .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;} .siteMap ul li{margin-bottom: 20px;} .siteMap ul li h2{line-height: 1.2;padding-left:10px;border-left: 4px solid #094ead;font-size: 16px; margin-bottom: 10px;} .siteMap ul li a{font-size: 14px;margin-right: 20px;color: #666666;} /* 侧滑 */ .module-show {position: fixed; width: 100%; height: 100%;overflow: hidden;} .login_mask {position: fixed;opacity: 0;visibility: hidden;-webkit-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;z-index: 10001; -webkit-backdrop-filter: blur(10px) saturate(180%); pointer-events: none} .login_mask,.login_mask:before {width: 200%; height: 200%; left: 0; top: 0} .login_mask:before { content: " ";display: block; position: absolute; background-color: rgba(0,0,0,.8)} .login_mask.show { opacity: 1; visibility: visible; pointer-events: auto} .login_panel {background: #fff;width: 12rem;height: 100%;position: fixed;z-index: 10002;overflow: scroll;right: 0;top: 0;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-webkit-transition: -webkit-transform .5s ease;transition: -webkit-transform .5s ease;-o-transition: transform .5s ease;transition: transform .5s ease;transition: transform .5s ease,-webkit-transform .5s ease;} .login_panel.show {-webkit-transform: none; -ms-transform: none; transform: none} .panel-title {font-size: 15px;color: #fff;;height: 3rem;background:#094ead;display: flex;align-items: center;justify-content: space-between;padding-right: .5rem; padding-left: .5rem;box-sizing: border-box;} .panel-list{box-sizing: border-box;} .panel-list ul li dl dt{display: flex;justify-content: space-between;padding-left: .5rem;line-height: 2.5; font-size: 15px; color: #333;} .panel-list ul li dl dt a{width: 100%;} .panel-list ul li dl dt i{text-align: right;padding: 0 .5rem;} .panel-list ul li.active dl dt{background: #094ead;color: #fff;} .panel-list ul li.active dl dt a{color: #fff;} .panel-list ul li dl dd{display: none;background: #f2f2f2} .panel-list ul li .iconfont::before{transition: all .3s} .panel-list ul li.active .iconfont::before{display: block;transform: rotate(90deg);} .panel-list ul li dl dd a{display: block;padding-left: 2em;font-size: 14px;line-height: 2.5;} /* 侧边导航 */ /* .panel{background: none;} .panel-boss{position: fixed;width: 100%;height: 100%;top: 0;left: 0; z-index: 11111;display: none;overflow: hidden;} .panel-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0; background: rgba(0, 0, 0, 0.4); } .panel-box{width: 12rem;position: absolute;right: 0;height: 100vh;background: #fff; overflow-y: auto;} .panel-title {height: 3rem;background:#094ead;display: flex;align-items: center;justify-content: space-between;padding-right: .5rem; padding-left: .5rem;box-sizing: border-box;} .panel-title {height: 3rem;background:#094ead;display: flex;align-items: center;justify-content: space-between} .panel-list{box-sizing: border-box;} .panel-list ul li dl dt{display: flex;justify-content: space-between;padding-right: .5rem;padding-left: .5rem;line-height: 2.5; font-size: 15px; color: #333;} .panel-list ul li.active dl dt{background: #094ead;color: #fff;} .panel-list ul li.active dl dt a{color: #fff;} .panel-list ul li dl dd{display: none;background: #f2f2f2} .panel-list ul li .iconfont{transition: all .3s} .panel-list ul li.active .iconfont{transform: rotate(90deg)} .panel-list ul li dl dd a{display: block;padding-left: 2em;font-size: 14px;line-height: 2.5;} */ /* 搜索 */ .search-from{width: 85%;} .search-item{ height: 2.1rem;} .search-button{height: 100%;width: 18%;} .search-button button{ font-size: .42rem;background: #1950a2;border: none;color: #fff;height: 100%; width: 100%;} .search-item .search-input{ height: 100%;background: #fff; width: 100%; flex: 1;display: block;font-size: 14px;padding-left: 5px;} .search_clone{width: 15%;} .top_search {position: fixed; top: 0; height: 3rem; background-color: #f9f4f1; z-index: 99999;width: 100%; -webkit-transform: translateY(-100%);transform: translateY(-100%);transition: .2s all;justify-content: space-between;align-items: center;padding-left: .5rem; padding-right: .5rem;} .search-from-z{width: 100%;margin: 20px 0;} .search-f-result{margin-bottom: 10px;font-size: .7rem;color: #666;} /* 联系我们 */ .map-list ul li{display: flex;padding: 20px 0;align-content: center;border-bottom: 1px solid #f2f2f2;} .map-list ul li .icon{height: 3rem;width: 3rem;border: 1px solid #ccc;border-radius: 50%;} .map-list ul li .icon i{font-size: 25px;color: #666;} .map-list ul li .info{flex: 1;display: flex;flex-flow: column;font-size: 14px;justify-content: center;padding-left:15px;color: #666; } .go_top { position: fixed; bottom: 3rem; right: 1px; border: 1px solid #1c50a1; width: 2rem; height: 2rem; border-radius: 50%; z-index: 99999; background: #fff; display: none; } .go_top::after{ content: "\e739"; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); color: #1c50a1; font-size: 20px; } /*! * Waves v0.7.4 * http://fian.my.id/Waves * * Copyright 2014 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */ .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: rgba(0,0,0,.2); background: -webkit-radial-gradient(rgba(100,100,100,.2) 0,rgba(100,100,100,.3) 40%,rgba(100,100,100,.4) 50%,rgba(100,100,100,.4) 60%,rgba(100,100,100,.4) 70%); background: -o-radial-gradient(rgba(100,100,100,.2) 0,rgba(100,100,100,.3) 40%,rgba(100,100,100,.4) 50%,rgba(100,100,100,.4) 60%,rgba(100,100,100,.4) 70%); background: -moz-radial-gradient(rgba(100,100,100,.2) 0,rgba(100,100,100,.3) 40%,rgba(100,100,100,.4) 50%,rgba(100,100,100,.4) 60%,rgba(100,100,100,.4) 70%); background: radial-gradient(rgba(100,100,100,.2) 0,rgba(100,100,100,.3) 40%,rgba(100,100,100,.4) 50%,rgba(100,100,100,.4) 60%,rgba(100,100,100,.4) 70%); -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; -o-transition: all .8s ease-out; transition: all .8s ease-out; -webkit-transition-property: -webkit-transform,opacity; -moz-transition-property: -moz-transform,opacity; -o-transition-property: -o-transform,opacity; transition-property: transform,opacity; -webkit-transform: scale(0) translate(0,0); -moz-transform: scale(0) translate(0,0); -ms-transform: scale(0) translate(0,0); -o-transform: scale(0) translate(0,0); transform: scale(0) translate(0,0); pointer-events: none } .waves-effect.waves-light .waves-ripple { background: rgba(255,255,255,.4); background: -webkit-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,.5) 70%); background: -o-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,.5) 70%); background: -moz-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,.5) 70%); background: radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,.5) 70%) } .waves-effect.waves-classic .waves-ripple { background: rgba(0,0,0,.2) } .waves-effect.waves-classic.waves-light .waves-ripple { background: rgba(255,255,255,.4) } .waves-notransition { -webkit-transition: none!important; -moz-transition: none!important; -o-transition: none!important; transition: none!important } .waves-button,.waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle,#fff 100%,#000 100%) } .waves-button,.waves-button-input,.waves-button:hover,.waves-button:visited { white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: 0; color: inherit; background-color: rgba(0,0,0,0); font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1 } .waves-button { padding: .85em 1.1em; border-radius: .2em } .waves-button-input { margin: 0; padding: .85em 1.1em } .waves-input-wrapper { border-radius: .2em; vertical-align: bottom } .waves-input-wrapper.waves-button { padding: 0 } .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1 } .waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50% } .waves-float { -webkit-mask-image: none; -webkit-box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12); box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s } .waves-float:active { -webkit-box-shadow: 0 8px 20px 1px rgba(0,0,0,.3); box-shadow: 0 8px 20px 1px rgba(0,0,0,.3) } .waves-block { display: block }