/********************************************************************************* 皖江工学院网站群CSS 顶端 2019年7月2日 **********************************************************************************/ @charset "UTF-8"; @font-face { font-weight: normal; font-style: normal; font-family: 'feathericons'; src:url('../fonts/feathericons/feathericons.eot?-8is7zf'); src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'), url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'), url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'), url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg'); } .news_abt .prt04_cell { position:relative; float:left; width:50%; height:280px; overflow:hidden; background-repeat:no-repeat; } .news_abt .prt04_cell._cell01 { background-image:url(../img/news06.jpg); background-position:right center; } .news_abt .prt04_cell._cell02 { background-image:url(../img/news05.jpg); background-position:left center; } .news_abt .prt04_cell ._msk { position:absolute; top:0; left:0; right:0; bottom:0; background-image:url(../img/news07.png); background-repeat:repeat; color:#ffffff; visibility:hidden; opacity:0; } .news_abt .prt04_cell:hover ._msk { visibility:visible; opacity:1; } .news_abt .prt04_cell ._msk ._con { margin:30px 52px; max-width:850px; height:220px; line-height:220px; font-size:40px; text-align:center; border:#a7a7a8 1px solid; } .news_abt{padding-bottom: 0;} .news_abt .prt04_cell ._msk, .transition { transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } .top_1{float:left;width: 45px;position: absolute;} .top_2{float:left;width: 120px;} .top_3{float:left;width: 980px; } .top_3_xb{float:left;width: 680px; } /* 重定义 */ .fa-2x {font-size:1.5em} /*顶部搜索框*/ /* vivo-head */ .search-user b{background:url(../images/vivo-head-ico.png) no-repeat;_background-image:url(../images/vivo-head-ico.gif) ;} #vivo-head{border-bottom:1px #e7e7e7 solid;border-bottom:1px rgba(0,0,0,0) solid;} #vivo-head .vivo-nav{height:60px;right:0;top:0;position:relative;z-index:999;text-align: right} .vivo-nav .search-user{float:;height:60px;} .search-user a{width:42px;height:42px;display:inline-block;position:relative;top:10px;border:1px #e7e7e7 solid; background:#fff;overflow:hidden;-webkit-border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out; -webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .search-user a:hover,.search-user a.current{border:1px #008cd6 solid;background:#008cd6;} .search-user a b{width:42px;height:42px;display:block;position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;} .search-user a.search b{background-position:0 0;} .search-user a.search:hover b,.search-user a.search.current b{background-position:0 -43px;} .search-user a.user b{background-position:-43px 0;} .search-user a.user b img{width:42px;height:42px;} .search-user a.user:hover b,.search-user a.user.current b{background-position:-43px -43px;} #vivo-head .vivo-search{width:1200px;background:#666;position:absolute;z-index:9999;display:none;margin-top: 60px;left:-987px;} .vivo-search .search-box{width:700px;height:40px;position:absolute;top:30px;left:50%;margin-left:-350px;background:; /*-webkit-box-shadow:0 1px 2px rgb(0,0,0);-moz-box-shadow:0 1px 2px rgb(0,0,0);-ms-box-shadow:0 1px 2px rgb(0,0,0); ox-shadow:0 1px 2px rgb(0,0,0);*/position:relative;z-index:9999;} .vivo-search .search-box input{width:550px;height:40px;padding:10px 20px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle;} .vivo-search .search-box button{width:110px;height:40px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#008cd6;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;} .vivo-search .search-box button:hover{background:#0074b2;} .vivo-search .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset;} .vivo-search .search-box a.close{width:24px;height:24px;position:absolute;top:8px;right:5px;background:url(../images/vivo-head-ico.png) -86px 0 no-repeat;_background-image:url(../images/vivo-head-ico.gif);} .vivo-search .search-box a.close:hover{background-position:-86px -25px;} /*顶部搜索框*/ .sb-search {position: relative;line-height: 42px;width: 0%;min-width: 42px;height: 42px;float: right;overflow: hidden;-webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; } .sb-search-input { position: absolute; top: 0; right: 0; border: none; outline: none; height: 42px; margin: 0; z-index: 10; padding: 20px 65px 20px 20px; font-family: inherit; font-size: 20px; color: #000000; border-radius: 50%; } .sb-icon-search, .sb-search-submit { border: 1px solid #e7e7e7; width: 42px; height: 42px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin-top: 0; text-align: center; cursor: pointer; z-index: 1000; background: #fff; font-size: 13px; color: #666; vertical-align:center; -webkit-border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out; -webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0); } .sb-icon-search:hover { background: #008cd6; color:#fff; border: none; } @font-face { font-family: 'icomoon'; src:url('../fonts/icomoon/icomoon.eot'); src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.woff') format('woff'), url('../fonts/icomoon/icomoon.ttf') format('truetype'), url('../fonts/icomoon/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } .sb-icon-search { color: #666; z-index: 90000000; font-size: 18px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; } .sb-icon-search:before { content: "\e000"; } /* Open state */ .sb-search.sb-search-open, .no-js { width: 100%; height: 42px; border-radius:25px; font-size: 14px; border: 1px solid #CCC; } .column { float: right; width: 350px; padding: 0 0.5em; min-height: 40px; position: relative; } /*首页 index_news*/ .tab-content{ margin-top:15px; } /* 学院概况-简介start */ /* .zzjg {padding-top: 30px;} */ .index_ldjj .tab-content{ margin-top:0px;min-height: 600px; margin-bottom:50px;} .zzjg .list-group{margin-top:15px; width:400px;flex-direction: inherit;margin-bottom:30px;} .zzjg .list-group-item.active{background-color:#008cd6;border-color: #008cd6; } .zzjg .list-group-item i{float: right} .zzjg .list-group-item{font-size: 18px; font-weight: 700;border: 1px solid rgba(0, 0, 0, 0.125);padding: 0.85rem 0.75rem; float:left; margin-right: 20px;text-align:center;} .listTitle02 { /* border-bottom: 1px solid #ccb289; */ overflow: hidden; margin: 20px 0 25px; padding-bottom: 20px; } .listTitle02 span { font-size: 1.2rem; padding: 10px 0; border-bottom: 3px solid #008cd6; } .zzjg .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .zzjg .list-group-item:last-child { margin-bottom: 0; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .listTitle02 { /* border-bottom: 1px solid #ccb289; */ overflow: hidden; margin: 20px 0 25px; padding-bottom: 20px; } .listTitle02 span { font-size: 1.5rem; padding: 10px 0; border-bottom: 3px solid #008cd6; } .SWUPL-title01{padding-left: 10px;} .item01 { line-height: 24px; padding-left: 14px; position: relative; color: #666; display: inline-block; *zoom: 1; *display: inline; vertical-align: top; } .SWUPL-title01 > li { margin-bottom: 15px; } .item01:before { content: ''; width: 4px; height: 16px; background-color: #0064aa; position: absolute; left: 0; top: 17px; } /* .SWUPL-title01 > li > a { font-size: 1rem; display: block; margin: 0 20px; background-color: #f7f6f2; padding: 13px 0px 15px 15px; } */ .SWUPL-title01 > li > span { font-size: 1.2rem; display: block; margin: 0 10px; background-color: #f7f6f2; padding: 13px 15px 15px 15px; } .SWUPL-title01 > li > a:first-child{margin-left: 0;} /* 在校生 */ .listTitle03 { /* border-bottom: 1px solid #ccb289; */ overflow: hidden; margin: 20px 0 25px; padding-bottom: 20px; } .listTitle03 span { font-size: 1.2rem; padding: 10px 0; border-bottom: 3px solid #008cd6; } .SWUPL-title02{padding-left: 10px;} .item02 { line-height: 24px; padding-left: 14px; position: relative; color: #666; display: inline-block; *zoom: 1; *display: inline; vertical-align: top; } .SWUPL-title02 > li { margin-bottom: 15px; } .item02:before { content: ''; width: 4px; height: 16px; background-color: #666; position: absolute; left: 0; top: 17px; } .SWUPL-title02 > li > a { font-size: 1rem; display: block; margin: 0 20px; background-color: #d9eeff; padding: 13px 0px 15px 0px; text-align: center; } .SWUPL-title02 > li > a:first-child{margin-left: 0;} /*** 布局-网格样式 **/ [class*="gp-avg"] > li{display: inline-block;*display: inline;*zoom: 1;font-size: 14px;vertical-align: top;} [class*="gp-xs"],[class*="gp-sm"],[class*="gp-md"],[class*="gp-lg"] { display: inline-block;*display: inline;*zoom:1;vertical-align: top;width: 100%; } @media screen and (min-width:100px){ /* [class*="gp-avg"] li{width: 100%; */ } /*平均分配*/ /* .gp-avg-xxs-1 > li{width: 100%;} .gp-avg-xxs-2 > li{width: 50%;} .gp-avg-xxs-3 > li{width: 33.3%;} .gp-avg-xxs-4 > li{width: 25%;} .gp-avg-xxs-5 > li{width: 19%;} .gp-avg-1 > li{width: 100%;} .gp-avg-2 > li{width: 50%;} .gp-avg-3 > li{width: 33.3%;} .gp-avg-4 > li{width: 25%;} .gp-avg-5 > li{width: 19%;} */ } @media screen and (max-width:479px) { [class*="gp-xs"]{width: 100%;display: block;} /*平均分配*/ /* .gp-avg-xxs-1 > li{width: 100%;} .gp-avg-xxs-2 > li{width: 50%;} .gp-avg-xxs-3 > li{width: 33.3%;} .gp-avg-xxs-4 > li{width: 25%;} .gp-avg-xxs-5 > li{width: 19%;} */ } @media screen and (min-width:479px) { /*平均分配*/ /* .gp-avg-xs-1 > li{width: 100%;} .gp-avg-xs-2 > li{width: 50%;} .gp-avg-xs-3 > li{width: 33.3%;} .gp-avg-xs-4 > li{width: 25%;} .gp-avg-xs-5 > li{width: 19%;} */ } @media screen and (min-width:767px) { /*平均分配*/ /* .gp-avg-sm-1 > li{width: 100%;} .gp-avg-sm-2 > li{width: 50%;} .gp-avg-sm-3 > li{width: 33.3%;} .gp-avg-sm-4 > li{width: 25%;} .gp-avg-sm-5 > li{width: 19%;} */ } @media screen and (min-width:997px) { /*平均分配*/ /* .gp-avg-md-1 > li{width: 100%;} .gp-avg-md-2 > li{width: 50%;} .gp-avg-md-3 > li{width: 33.3%;} .gp-avg-md-4 > li{width: 25%;} .gp-avg-md-5 > li{width: 19%;} */ } @media screen and (min-width:1386px) { /*平均分配*/ /* .gp-avg-lg-1 > li{width: 100%;} .gp-avg-lg-2 > li{width: 50%;} .gp-avg-lg-3 > li{width: 33.3%;} .gp-avg-lg-4 > li{width: 25%;} .gp-avg-lg-5 > li{width: 19%;} */ } /*** 布局-网格样式 **/ [class*="gpp-avg"] > li{display: inline-block;*display: inline;*zoom: 1;font-size: 14px;vertical-align: top;} [class*="gpp-xs"],[class*="gpp-sm"],[class*="gpp-md"],[class*="gp-lg"] { display: inline-block;*display: inline;*zoom:1;vertical-align: top;width: 100%; } @media screen and (min-width:100px){ [class*="gpp-avg"] li{width: 100%;} /*平均分配*/ .gpp-avg-xxs-1 > li{width: 100%;} .gpp-avg-xxs-2 > li{width: 50%;} .gpp-avg-xxs-3 > li{width: 33.3%;} .gpp-avg-xxs-4 > li{width: 25%;} .gpp-avg-xxs-5 > li{width: 19%;} .gpp-avg-1 > li{width: 100%;} .gpp-avg-2 > li{width: 50%;} .gpp-avg-3 > li{width: 33.3%;} .gpp-avg-4 > li{width: 25%;} .gpp-avg-5 > li{width: 19%;} } @media screen and (max-width:479px) { [class*="gp-xs"]{width: 100%;display: block;} /*平均分配*/ .gpp-avg-xxs-1 > li{width: 100%;} .gpp-avg-xxs-2 > li{width: 50%;} .gpp-avg-xxs-3 > li{width: 33.3%;} .gpp-avg-xxs-4 > li{width: 25%;} .gpp-avg-xxs-5 > li{width: 19%;} } @media screen and (min-width:479px) { /*平均分配*/ .gpp-avg-xs-1 > li{width: 100%;} .gpp-avg-xs-2 > li{width: 50%;} .gpp-avg-xs-3 > li{width: 33.3%;} .gpp-avg-xs-4 > li{width: 25%;} .gpp-avg-xs-5 > li{width: 19%;} } @media screen and (min-width:767px) { /*平均分配*/ .gpp-avg-sm-1 > li{width: 100%;} .gpp-avg-sm-2 > li{width: 50%;} .gpp-avg-sm-3 > li{width: 33.3%;} .gpp-avg-sm-4 > li{width: 25%;} .gpp-avg-sm-5 > li{width: 19%;} } @media screen and (min-width:997px) { /*平均分配*/ .gpp-avg-md-1 > li{width: 100%;} .gpp-avg-md-2 > li{width: 50%;} .gpp-avg-md-3 > li{width: 33.3%;} .gpp-avg-md-4 > li{width: 25%;} .gpp-avg-md-5 > li{width: 19%;} } @media screen and (min-width:1386px) { /*平均分配*/ .gpp-avg-lg-1 > li{width: 100%;} .gpp-avg-lg-2 > li{width: 50%;} .gpp-avg-lg-3 > li{width: 33.3%;} .gpp-avg-lg-4 > li{width: 25%;} .gpp-avg-lg-5 > li{width: 22%;} } .index_ldjj .list-group-item.active{background-color:#008cd6;border-color: #008cd6;} .index_ldjj .card-header {padding: 0.25rem 1rem;} .index_ldjj h2.mb-0 .btn{font-size: 18px;font-weight: 700;color:#008cd6} .list_ldjj li{padding: 1rem 1rem;} .list_ldjj li:first-child{border:1px solid #eaeaea;border-bottom:none;border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;} .list_ldjj li:last-child{border-bottom:1px solid #eaeaea; border-bottom-right-radius: 0.25rem;border-bottom-left-radius: 0.25rem;} .list_ldjj li{border:1px solid #eaeaea;border-bottom:none} .index_ldjj ol .row{padding: 20px 0 0 0;} .index_ldjj .list-group-item{font-size: 18px; font-weight: 700;border: 1px solid rgba(0, 0, 0, 0.125);padding: 0.85rem 0.75rem;} .index_ldjj .list-group-item.active{background-color:#008cd6;border-color: #008cd6;} .index_ldjj .list-group-item i{float: right} .index_ldjj .card-header {padding: 0.25rem 1rem;} .index_ldjj h2.mb-0 .btn{font-size: 18px;font-weight: 700;color:#008cd6} .list_ldjj li{padding: 1rem 1rem;} .list_ldjj li:first-child{border:1px solid #eaeaea;border-bottom:none;border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;} .list_ldjj li:last-child{border-bottom:1px solid #eaeaea; border-bottom-right-radius: 0.25rem;border-bottom-left-radius: 0.25rem;} .list_ldjj li{border:1px solid #eaeaea;border-bottom:none} .index_ldjj ol .row{padding: 20px 0 0 0;} .index_ldjj ol div{margin: auto;} .index_ldjj ol a { position:relative; text-decoration:none; margin: 4px; display:inline-block; outline: none; } .index_fzgh_ny ol .row{padding: 0 0 10px 10px;} .index_fzgh_ny j ol div{margin: auto;} .index_fzgh_ny ol a { position:relative; text-decoration:none; margin: 4px; display:inline-block; outline: none; } .about_left {line-height:2.0;} .about_right {line-height: 1.8;cursor: pointer;} .about_left p{text-indent: 2rem;padding:15px 20px 25px 20px;background: #fafafa;border-radius:10px;} .about_left span{position: absolute;bottom:10px;right:20px;background: #008cd6;padding:2px 10px;color:#fff;border-radius: 5px} .about_right ._about_t_l{background:rgba(6,141,214,.8);width: 100%;height: 100%;padding: 30px;font-size:24px;font-weight: 700;color: #fff;position: absolute; left:0;bottom: 0;z-index: 9;padding: 22% 15%;} .about_right img{max-height: 220px;width: 100%;} .about_right ._about_t_r{background:rgba(43, 44, 44,.8);width: 100%;height: 100%;padding: 22% 15%;font-size:24px;font-weight: 700;color: #fff;position: absolute; right:0;bottom: 0;z-index: 9;} .about_right:hover ._about_t_r{background:rgba(6,141,214,1);-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;} .about_right:hover ._about_t_l{background:rgba(43, 44, 44,1);-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;} .about_right .row li{margin-bottom: 16px;} .about_left{width: 100%;height: 100%;} .widget-recentpost__content h6{font-size: 16px;} .single-widget { /* margin-top: 30px; */ width: 100%; } .single-widget > h6 { color: #303030; font-size: 18px; font-weight: 700; text-transform: uppercase; position: relative; padding-bottom: 20px; margin-bottom: 40px; } .single-widget > h6:before { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background: #f1f1f1; } .single-widget > h6:after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 50px; background: #6d6d6d; } .single-widget > ul { padding-left: 0; list-style: none; margin-bottom: 0; } .single-widget > ul li { padding-bottom: 25px; } .single-widget > ul li:last-child { padding-bottom: 0; } .widget-recentpost .widget-recentpost__thumb:before { content: ""; left: 0; top: 0; height: 100%; width: 100%; background: rgba(25, 25, 25, 0.65); position: absolute; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widget-recentpost .widget-recentpost__thumb:after { content: "\f0c1"; font-family: fontAwesome; left: 50%; top: 50%; height: 40px; width: 40px; text-align: center; line-height: 40px; margin-left: -20px; position: absolute; z-index: 2; color: #d7d7d7; font-size: 18px; margin-top: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widget-recentpost .widget-recentpost__thumb:hover:before { visibility: visible; opacity: 1; } .widget-recentpost .widget-recentpost__thumb:hover:after { visibility: visible; opacity: 1; margin-top: -20px; } .widget-recentpost ul { padding-left: 0; list-style: none; margin-bottom: 0; } .widget-recentpost ul li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-bottom:20px; } .widget-recentpost ul li:last-child { margin-bottom: 0; } .widget-recentpost .widget-recentpost__thumb { -webkit-box-flex: 0; -webkit-flex: 0 0 100px; -moz-box-flex: 0; -moz-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; display: inline-block; position: relative; -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .widget-recentpost .widget-recentpost__thumb:before { content: ""; left: 0; top: 0; height: 100%; width: 100%; background: rgba(25, 25, 25, 0.65); position: absolute; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widget-recentpost .widget-recentpost__thumb:after { content: "\f0c1"; font-family: fontAwesome; left: 50%; top: 50%; height: 40px; width: 40px; text-align: center; line-height: 40px; margin-left: -20px; position: absolute; z-index: 2; color: #d7d7d7; font-size: 18px; margin-top: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widget-recentpost .widget-recentpost__thumb:hover:before { visibility: visible; opacity: 1; } .widget-recentpost .widget-recentpost__thumb:hover:after { visibility: visible; opacity: 1; margin-top: -20px; } .widget-recentpost .widget-recentpost__content { padding-left: 17px; -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; margin-top: -8px; } .widget-recentpost .widget-recentpost__content span.date { color: #454545; font-size: 14px; font-weight: 400; text-transform: uppercase; } .widget-recentpost .widget-recentpost__content h6 { font-weight: 600; text-transform: uppercase; color: #2b2b2b; line-height: 1.4; margin-bottom: 0; } .widget-recentpost .widget-recentpost__content h6 a { display: inline-block; color: #2b2b2b; } .widget-recentpost .widget-recentpost__content h6 a:hover { color: #00AC1F; } /* */ .news-list img{max-height: 345px} .inews{border-top:1px solid #003584; } .inews1{ padding-top: 10px; } .news-list ul{list-style: none;} .inews li{ width:100%; float:left; /* font-size: 14px; */ padding: 12px 0px 12px 0px; line-height: 20px; /* height: 60px; */ border-bottom: 1px solid #e5e5e5; overflow: hidden;} /* border-bottom:1px solid #eaeaea; */ /* background:url(../img/inews_jt.png) no-repeat right; */ .inews li a{ display:block; overflow:hidden;} .inews li ._date{ float:right; width:12%; text-align:center; border-left:0px solid #eaeaea; color:#b0b0b0; font-family:arial;padding-right:0px; } .inews li ._date span{ display:block;} .inews li ._date ._d1{ font-size:30px; line-height:40px; } .inews li ._date ._d2{ font-size:16px; line-height:25px;} .inews li ._nr{ width:86%; float:left; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .inews li ._title{ font-size:16px; font-weight:500; color:#000; margin-bottom:2px; margin-top:2px;} .inews li ._sum{ color:#565656; padding-top:10px;} .inews li a:hover ._date ._d1{ color:#008cd6; } .inews li a:hover ._title{ color:#008cd6; } /* .inews li a:hover{ background:url(../img/inews_jton.png) no-repeat right; } */ .inews_zs{border-top:1px solid #eaeaea; } .inews_zs li{ width:100%; float:left; padding:11px 0; border-bottom:1px solid #eaeaea; } .inews_zs li a{ display:block;/* background:url(../img/inews_jt.png) no-repeat right;*/ overflow:hidden;} .inews_zs li ._date{ float:left; width:11%; text-align:center; border-right:1px solid #eaeaea; color:#b0b0b0; font-family:arial; } .inews_zs li ._date ._d1{ font-size:30px; line-height:40px; } .inews_zs li ._date ._d2{ font-size:14px; line-height:20px;} .inews_zs li ._nr{ width:87%; float:left; margin-left:2%; } .inews_zs li ._title{ font-size:18px; font-weight:500; color:#000;} .inews_zs li ._sum{ color:#565656; padding-top:10px;} .inews_zs li a:hover ._date ._d1{ color:#008cd6; } .inews_zs li a:hover ._title{ color:#008cd6; } .inews_zs li a:hover{/* background:url(../img/inews_jton.png) no-repeat right;*/ } .inews li span{float:right;font-size: 12px;color:#ccc;} .inews_xb{border-top:1px solid #eaeaea; } .inews_xb .xb_news_list{ width:100%; float:left; padding:9px 0; border-bottom:1px solid #eaeaea; } .inews_xb .xb_news_list a{ display:block;/* background:url(../img/inews_jt.png) no-repeat right;*/ overflow:hidden;} .inews_xb .xb_news_list ._date{ float:left; width:11%; text-align:center; border-right:1px solid #eaeaea; color:#b0b0b0; font-family:arial; } .inews_xb .xb_news_list ._date ._d1{ font-size:30px; line-height:40px; } .inews_xb .xb_news_list ._date ._d2{ font-size:12px; line-height:20px;} .inews_xb .xb_news_list ._nr{ width:87%; float:left; margin-left:2%; } .inews_xb .xb_news_list ._title{ font-size:18px; font-weight:500; color:#000; margin-bottom:2px; margin-top:2px;} .inews_xb .xb_news_list ._sum{ color:#565656; padding-top:10px;} .inews_xb .xb_news_list a:hover ._date ._d1{ color:#008cd6; } .inews_xb .xb_news_list a:hover ._title{ color:#008cd6; } .inews_xb .xb_news_list a:hover{/* background:url(../img/inews_jton.png) no-repeat right;*/ } /**/ .mob-in-left{width: 80px; float: left;} .mobile-inner{ z-index: 1000000000000000000000; position: relative; height: 40px; } .mobile-inner img{ width: 100%; margin-bottom: 30px; } .mobile-inner p{ color: #676767; line-height: 25px; font-size: 16px; padding-bottom: 30px; padding-right: 30px; padding-left: 30px; margin:0px; } .mobile-inner-header{ /* background-color: rgba(0,0,0,0.7);*/ width: 100%; /* height: 50px; */ position: absolute; top: 0px; left: 0px; } .mobile-inner-header-icon div{float: left;width:65%; height:42px;line-height:42px;color:#fff;padding-left:5px;text-align: right;text-overflow: nowrap;} .mobile-inner-header-icon{ color: #fff; height: 42px; width:100%; /* font-size:14px; */ text-align: center; float:right; position: relative; top:-10px; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; z-index: 1; /* border: 1px solid #e7e7e7; */ } .mobile-inner-header-icon:hover{ color:rgb(236, 214, 14); /* background-color: #008cd6; */ cursor: pointer; } .mobile-inner-header-icon:hover div{color: rgb(255, 219, 16);} .mobile-inner-header-icon:hover span{background:rgb(255, 219, 16);;} .mobile-inner-header-icon span{ position: absolute; left: calc((100% - 25px) / 1.1); top: calc((100% - 2px) / 2); width: 22px; height: 2px; background-color: #fff; } .mobile-inner-header-icon span:nth-child(1){ transform: translateY(4px) rotate(0deg); } .mobile-inner-header-icon span:nth-child(2){ transform: translateY(-4px) rotate(0deg); } .mobile-inner-header-icon-click span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst; } .mobile-inner-header-icon-click span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond; } .mobile-inner-nav a{ -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; } @-webkit-keyframes returnToNormal { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes returnToNormal { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes clickfirst { 0% { transform: translateY(4px) rotate(0deg); } 100% { transform: translateY(0) rotate(45deg); } } @keyframes clicksecond { 0% { transform: translateY(-4px) rotate(0deg); } 100% { transform: translateY(0) rotate(-45deg); } } .mobile-inner-header-icon-out span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; } .mobile-inner-header-icon-out span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond; } @keyframes outfirst { 0% { transform: translateY(0) rotate(-45deg); } 100% { transform: translateY(-4px) rotate(0deg); } } @keyframes outsecond { 0% { transform: translateY(0) rotate(45deg); } 100% { transform: translateY(4px) rotate(0deg); } } .mobile-inner-nav{ background-color: rgba(0,0,0,0.9); width: 100%; position: absolute; top: 50px; left: 0px; padding-top: 10px; padding-bottom:20px; display: none; z-index: 11111199999999999999; } .mobile-inner-nav a{ display: inline-block; line-height:42px; text-decoration: none; width: 80%; margin-left: 10%; color: #FFFFFF; border-bottom: solid 1px rgba(255,255,255,0.3); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight:300; } .mobile-inner-nav a:hover{ color: rgba(255,255,255,0.4); border-bottom: solid 1px rgba(255,255,255,0.2); } /**/ .bd_con4{/*background:#fafafa;*/margin-top:20px;position: relative;} .bd_t3{font:18px/45px "微软雅黑";color:#FFF;padding:0px 14px 14px;height:45px;position:absolute;left:-1px;top:-1px;background:url(../img/bd_bg1.jpg) no-repeat;width:610px;z-index:100;} .bd_c4l{/*background:#d5f0ff; */width:100%;height:320px; border-right: #eaeaea 1px solid} .bd_c4l ul{list-style: none; margin:0 auto;} .bd_c4l ul li{color:#000;font-size: 18px;width: 45%; font-weight: 400;text-align:center;height:44px;cursor:pointer;background:#fff ;margin:0 10px 12px 0px;float:left;line-height:44px;border: 1px solid #eaeaea;border-radius:0.25rem;} .bd_c4l ul li:hover{ transition: all 0.3s ease; -webkit-transition: all 0.3s ease;background: #ccc} .bd_c4l ul .bd_cutLi{background:#008cd6; color: #fff;} .bd_c4r{width:100%;} .bd_c4top{} .bd_lbtn{padding:0px 0px 0px 5px;float:left;width:23px;background:url(../img/bd_lbtn.jpg) no-repeat;display:block;height:21px;margin-top:145px;} .bd_rbtn{float:right;width:19px;padding-top:0px;padding-right:9px;display:block;height:21px;margin-top:145px;background:url(../img/bd_rbtn.jpg) no-repeat;} .bd_lbtn:hover{background:url(../img/hbd_lbtn.jpg) no-repeat;} .bd_rbtn:hover{background:url(../img/hbd_rbtn.jpg) no-repeat;} .bd_chgBox{float:left;height:325px;width:100%;overflow:hidden;position:relative;/*background:#fafafa;*/} .bd_long{width:9900px;position:absolute;left:0px;} .bd_long ul li{width:900px;float: left} .bc_chgTitle span{line-height:60px;text-align: center;width: 100%;display: block;} .bc_chgTitle img{height:260px;width: 363px;} .bd_lbtn img,.bd_rbtn img{cursor:pointer} .bd_long ul li p{font-size:14px;line-height:22px;padding-top:12px;} .zsjy_list{margin-top:20px;} /*风光*/ .xywh{margin-top: 20px;} .xy-mr{margin-bottom: 20px} .xy-pro button { border-radius: 5px; display: inline-block; font-size: 16px; color: #454545; background: transparent; padding: 6px 22px 6px 22px; outline: none; font-weight: 500; text-transform: capitalize; margin-top: 0px; letter-spacing: 1px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border: none; position: relative; border: 1px solid transparent; } .xy-pro button.xy-r{ color: #999;border: 1px solid #ccc; margin-left:10px;margin-top:5px} .xy-pro button:hover{background: #008cd6;color:#fff;} .xy-pro button.xy-r:hover a{color: #eaeaea} /**/ .play{z-index: 200;top:45%;left:45%;position: absolute;} img.play:hover{background-color: rgba(255,255,255,0.8)} .play:hover img{background-color: rgba(255,255,255,0.8)} .video-mask{width: 100%;height: 100%;position: absolute;background-color: rgba(255,255,255,0.2);z-index: 300000} .zs-title {background: #fafafa;display: inline-block;} a.zs-title img{height: 220px;} ._txt_zs:hover:hover{background:#008cd6 } ._txt_zs{ padding: 10px 10px 15px 10px;color: #666 } ._txt_zs p{padding-top: 10px} ._txt_zs:hover {color: #fff} /* .zs-title img{padding-bottom:8px} */ .zs-title span{color:;font-size:16px;font-weight: 600;} .zs-title ._more { font-size:16px;font-weight:500px;display:inline-block; white-space:nowrap; width:auto; height:36px; line-height:32px; background-color:#008cd6; color:#fff; padding:0 20px; border:1px solid #fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; } ._txt_zs:hover ._more {color:#008cd6;background-color:#eaeaea;} /*3d滑动门*/ .he_3DFlipX{display:block;width:100%;height:auto;overflow:hidden;padding:0;margin:0;border:0;position:relative;box-sizing:border-box;-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%} .he_3DFlipX_inner{width:100%;height:100%;padding:0;margin:0;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d} .he_3DFlipX_inner div.he_3DFlipX_img{backface-visibility:hidden;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .he_3DFlipX_inner:hover > div.he_3DFlipX_img{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg)}.he_3DFlipX_inner > div img{max-width:100%;padding:0;margin:0;display:block;position:relative} .he_3DFlipX_caption{position:absolute;top:0;left:0;padding:0;background:#008cd6;color:#fff;height:100%;width:100%;padding:0;margin:0;opacity:0;background-color:#008cd6;text-align:center;backface-visibility:hidden;-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .he_3DFlipX_inner:hover .he_3DFlipX_caption{opacity:1;-webkit-transform:rotateX(0);-moz-transform:rotateX(0);transform:rotateX(0)} .he_3DFlipX_caption h3{font-size:1.3em;font-weight:700;text-align:center;width:100%;position:absolute;top:25%;left:5px;margin:0;padding:0;color:#fff} .he_3DFlipX_caption p{font-size:1em;text-align:center;width:100%;position:absolute;top:45%;left:5px;margin:0;padding:0;color:#fff} .he_3DFlipX a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0} div.he_3DFlipX_img img{width: 100%;height:220px;} div.he_3DFlipY_img img{width: 100%;height: 220px;} .he_3DFlipY{display:block;width:100%;height:100%;overflow:hidden;padding:0;margin:0;border:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%} .he_3DFlipY_inner{width:100%;height:100%;padding:0;margin:0;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d} .he_3DFlipY_inner > div.he_3DFlipY_img{backface-visibility:hidden;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .he_3DFlipY_inner:hover > div.he_3DFlipY_img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}.he_3DFlipY_inner > div img{max-width:100%;padding:0;margin:0;display:block;position:relative} .he_3DFlipY_caption{position:absolute;top:0;left:0;padding:0;background:#008cd6;color:#fff;height:100%;width:100%;padding:0;margin:0;opacity:0;background-color:#008cd6;text-align:center;backface-visibility:hidden;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .he_3DFlipY_inner:hover .he_3DFlipY_caption{opacity:1;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0)} .he_3DFlipY_caption h3{font-size:1.3em;font-weight:700;text-align:center;width:100%;position:absolute;top:25%;left:5px;margin:0;padding:0;color:#fff} .he_3DFlipY_caption p{font-size:1em;text-align:center;width:100%;position:absolute;top:45%;left:5px;margin:0;padding:0;color:#fff} .he_3DFlipY a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0} .he_slideCaptionDown{background:#000;width:100%;height:100%;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_slideCaptionDown .he_slideCaptionDown_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;overflow:hidden} .he_slideCaptionDown .he_slideCaptionDown_caption{color:#fff;background:rgba(254,114,83,0);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_slideCaptionDown:hover .he_slideCaptionDown_caption{background:rgba(7,77,179,.8);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .he_slideCaptionDown .he_slideCaptionDown_caption,.he_slideCaptionDown .he_slideCaptionDown_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_slideCaptionDown .he_slideCaptionDown_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0} .he_slideCaptionDown:hover .he_slideCaptionDown_caption_h{color:#fff;top:25%;opacity:1} .he_slideCaptionDown .he_slideCaptionDown_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0} .he_slideCaptionDown:hover .he_slideCaptionDown_caption_p{color:#fff;top:45%;opacity:1} .he_slideAllDown{background:#094db3;width:100%;height:100%;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_slideAllDown .he_slideAllDown_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:.9;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_slideAllDown:hover .he_slideAllDown_img{opacity:1;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} .he_slideAllDown .he_slideAllDown_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_slideAllDown .he_slideAllDown_caption,.he_slideAllDown .he_slideAllDown_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden} .he_slideAllDown .he_slideAllDown_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0} .he_slideAllDown:hover .he_slideAllDown_caption_h{color:#fff;top:25%;opacity:1} .he_slideAllDown .he_slideAllDown_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0} .he_slideAllDown:hover .he_slideAllDown_caption_p{color:#fff;top:45%;opacity:1} .he_3DFlipX_img i{padding: 20px;max-width: 200px;background: #eaeaea;border-radius:10px} /* CSS 返回顶端 */ /*悬浮链接*/ .suspension{position:fixed;z-index:55;right:0;bottom:5px;width:70px;height:40px;} .suspension-box{position:relative;float:right; right:10px;} .suspension .a{display:block;width:48px;height:48px;margin-bottom:4px;cursor:pointer;outline:none;color: #eaeaea;padding: 12px 0 0 12px;border-radius: 5px } .suspension .a.active, .suspension .a:hover{} .suspension .a .i{float:left;width:54px;height:54px;background-repeat:no-repeat; } .suspension .a-top{display:none; padding: 0 0 0 10px} .suspension .a-top:hover{} /*banner带底部*/ /* jquery.hiSlider.css */ .hiSlider-pages, .hiSlider-title{ position: absolute; z-index: 3; } .hiSlider-btn-prev, .hiSlider-btn-next{ position: absolute; z-index: 5; top: 35%; height: 20px; width: 15px; background: url(../images/hislider-arrow1.png) no-repeat; margin-top: -15px; text-indent: -200px; overflow: hidden; opacity: .1; filter:alpha(opacity:60); } .hiSlider-btn-prev{ left: 10px; } .hiSlider-btn-next{ right: 10px; background-position: -12px 0; } .hiSlider-wrap:hover .hiSlider-btn-prev { opacity: 1; filter:alpha(opacity:100); } .hiSlider-wrap:hover .hiSlider-btn-next { opacity: 1; filter:alpha(opacity:100); } .hiSlider-title{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; bottom: 15px; width: 100%; padding: 6px 0; color: #fff; text-indent: 10px; /* background: rgba(0,0,0,.6); */ z-index: 2; font: 14px/2 "Microsoft YaHei", "Arial", "Tahoma"; } .hiSlider-pages{ bottom: 20px; right: 10px; text-align: right; display: none; } .hiSlider-pages a{ height: 12px; width: 12px; margin: 0 6px; display: inline-block; overflow: hidden; text-indent: -100px; font-size: 0; border-radius: 50%; background: #ddd; } .hiSlider-pages a.active{ background: #5472BF; } #wrap{ width: 100%; margin: 0px 0 auto 0px; } .hiSlider{ overflow: hidden; height: auto; width: 100%; background: #eee; } .hiSlider-item{ float: left; } .hiSlider-item img{ width: 100%; } /*首页indexbanner*/ .banner__single_index { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height:35vh; } .banner__single_index:focus, .banner__single_index:active { outline: 0; } .banner__single__content_index { padding: 55px 0 70px 0; color: #fff; } .banner__single__content_index h5 { margin-bottom: 20px; } .banner__single__content_index h1 { top: 0; position: absolute; /* display: inline; */ padding:30px; font-size: 52px; line-height: 62px; font-weight: 700; margin-bottom: 20px; } /* background:rgba(13,107,230,.8);*/ .banner__single__content_index p { font-size: 17px; margin-bottom: 20px; } .banner__single__content_index .cr-btn { margin-top: 20px; } .banner__single__content_index.color--black { color: #303030; } .banner-slider-active .banner__single__content_index { visibility: hidden; opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: all 0.6s ease-in 0.2s; -o-transition: all 0.6s ease-in 0.2s; transition: all 0.6s ease-in 0.2s; } .banner-slider-active .slick-current .banner__single__content_index { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__single__content_index h1 { font-size: 42px; line-height: 52px; margin-bottom: 15px; } .banner__single__content_index a.cr-btn { margin-top: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner__single_index { margin-top: 0 !important; } .banner__single__content_index { text-align: center; } .banner__single__content_index h1 { font-size: 42px; line-height: 48px; } } @media only screen and (max-width: 767px) { .banner__single_index { margin-top: 0 !important; } .banner__single__content_index { text-align: center; } .banner__single__content_index h3 { font-size: 18px; } .banner__single__content_index h1 { font-size: 32px; line-height: 48px; margin-bottom: 15px; } .banner__single__content_index p { font-size: 16px; margin-bottom: 15px; } .banner__single__content_index a.cr-btn { margin-top: 15px; } } @media only screen and (max-width: 575px) { .banner__single__content_index h1 { font-size: 28px; line-height: 38px; } } h3 span.h3{font-size: 16px;line-height: 33px;margin-bottom: 0 !important} .index_news_top_left{position: relative;} .index_news_top_left img{width: 840px;height: 420px;} .classname_title{font-size:20px;font-weight: 700} .classname_title{position: absolute; top:0;left:0;padding:10px;background: rgba(13,107,230,.8);color:#fff} .news_content{position: absolute;bottom: 0;width: 100%; padding:10px 30px;background: rgba(27, 26, 26, 0.8);color:#fff} .news_content .titl{font-size:22px;color:#fff;font-weight: 700;padding-bottom: 10px;} .news_content .titl_s{font-size:16px;color:#fff;font-weight: 700;padding-bottom: 10px;} .news_content .titl a{color: #fff} .news_content .titl_s a{color: #fff} .news_content .titl2{font-size:16px;color:#fff;font-weight: 700;text-overflow:ellipsis;overflow:hidden; white-space:nowrap; } .index_news_top_right{position: relative; margin-bottom: 20px;} .index_news_top_right img{width:100%;height: 200px;} .index_news_top_right .classname_title{font-size:18px;font-weight: 700;position: absolute; top:0;left:0;padding:10px;background: rgba(13,107,230,.8);color:#fff} /*列表页 { margin-bottom:20px; }*/ .info_list{ display: block;} .info_list .table-responsive{width: 100%;} .info_list li a{color: #222} .info_list li.row { clear:both; overflow:hidden; border-bottom:#eee 1px solid; margin-bottom:30px;padding-bottom: 20px;} .info_list ._img { width:100%; float:left; } .info_list ._img img{ -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;max-height:180px } .info_list ._intro { overflow:hidden; padding-left:20px;} .list_infonews { border-bottom: 1px #d7d7d7 solid; margin-bottom: 10px;} .info_list ._title { display:block; font-weight:normal; margin-bottom:5px; color:#333333; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; } /* li.list_infonews:first-child{padding-top: 30px;} */ .info_list ._info { height:20px; line-height:20px; color:#999999; margin-bottom:10px; } .info_list ._info a{ text-decoration:none; color: #000} .info_list ._text { line-height:1.8em; height:3.6em; overflow:hidden; font-size:16px; margin-bottom:25px;} .info_list ._more { display:inline-block; white-space:nowrap; width:auto; height:36px; line-height:32px; background-color:#fff; color:#555; padding:0 20px; border:1px solid #bababa;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .info_list li:hover ._title { color:#008cd6; font-weight:bold;} .info_list li:hover ._more {border:1px solid #008cd6; background-color:#008cd6; color:#fff;} .info_list li:hover ._img img { transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);} /* .info_list li:hover ._text { color:#008cd6;} */ .info_list ._more2 { display:inline-block; white-space:nowrap; width:auto; height:36px; line-height:32px; background-color:#fff; color:#555; padding:0 20px; border:1px solid #bababa;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; bottom:0;position: absolute;} .info_list li:hover ._more2 {border:1px solid #008cd6; background-color:#008cd6; color:#fff;} .info_list span{padding: 10px 30px; margin-right: 10px; background-color: #dfdfdf;-webkit-transition: all 0.5s ease;} .info_list span:hover{margin-right: 10px; background-color: #008cd6; color: #e1e4e7;cursor:pointer;} .info_list span:active{padding: 10px 40px; margin-right: 10px; background-color: #008cd6; color: #e1e4e7;cursor:pointer;} .info_list .cont-t{margin-top: 40px;} .cont-t font{padding: 10px 10px;background-color: #008cd6;color: #eaeaea;font-size: 16px;display: inline-block;} .cont-t i{padding: 10px 10px;display: block; font-style: normal;line-height: 30px;} .cont-t b{padding: 10px 10px;display: block; width: 100%;background-color: #008cd6;color: #fff;text-align: center;} .info_list img{ -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s; min-height:260px;} .info_list ._more1 { display:inline-block; height:36px; line-height:32px; background-color:#fff; color:#555; padding:0 20px; border:1px solid #bababa;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; margin-right: 10px} .info_list ._more1:hover { display:inline-block; height:36px; line-height:32px; background-color:rgba(39, 38, 39,.8); color:#fff; padding:0 20px; border:1px solid #bababa;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; margin-right: 10px} .info_list li:hover ._more1 {border:1px solid #0c0c0c; background-color:rgba(39, 38, 39,.8); color:#fff;} .info_list ._ld-smalltext { line-height:1.8em; height:3.6em; overflow:hidden; font-size:16px; margin-bottom:25px;} .info_list_title{left:0;background: rgba(255,255,255,.8);line-height: 50px; position: relative;bottom:50px;text-align: center; font-size: 30px;font-weight: 700; } .info_list_title-n{left:0;background: rgba(255,255,255,.8);position: relative;} .info_list_title .cur-in{font-size: 20px;margin-bottom: 0;padding:0 10px 0 10px;line-height: 50px;} .info_list_title .inthis{background-color:#008cd6;} .info_list_title h1.inthis a{color:#fff} .info_list_title h1{font-weight: 400;} .info_list_title .cur-in a{color:#333} .info_list_title .title26{font-size: 16px;line-height: 50px; margin-bottom: 0;padding:0 10px 0 10px; color:#fff;display:block;text-align: center;} h1.title26 i{float: right;line-height: 50px;} h1.cur-in i{float: right;line-height: 50px;} .info_list_title h1:hover{font-size: 16px;line-height: 50px; margin-bottom: 0;padding:0 10px 0 10px ;background:#28d8f0; display:block} .info_list_title h1:hover a{color:#fff;} .info_list_title .cur{background-color:#008cd6;color:#fff}.cur a{color:#fff} .info_list_title a{display: } /* .info_list_title h1{display: inline-block;} */ .info_list li.list_no_line{padding-bottom: 30px} .info_list-n li.list_no_line{padding-bottom: 30px} .chanr-link{ background:#f6f6f6; padding:15px; margin-bottom:20px;} .chr-quick-link{ margin-bottom:15px;} .chr-quick-link a._img { display: block; height: 0; overflow: hidden; padding-bottom: 45%; position: relative; } .chr-quick-link a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .chr-quick-link ._cover{ background:url(../img/black.6.png) repeat; background:rgba(0,0,0,.5); display:block; position:absolute; bottom:0; left:0; width:100%; height:32px; line-height:32px; text-indent:15px; color:#fff; font-size:12px;} .chr-quick-link ._cover ._title{ font-size:12px;} .chr-quick-link ._cover ._line{ display:none; width:0; height:100%; vertical-align:middle;} .chan-sublant{ font-size:20px; color:#333; margin-bottom:10px; font-weight:bold} ._detailPage_bot ._mark {font-weight: bold; float: left; margin-right: 10px; } ._detailPage_bot ._title {font-size: 14px; float: left; width: 68%;} ._detailPage_bot ._title:hover {color: #008cd6;} ._detailPage_bot ._time { float: right;} ._detailPage_bot {border-top: 1px solid #cccccc; margin-top:50px} ._detailPage_bot li {line-height: 30px; overflow: hidden; height: 30px; padding: 0 10px; border-bottom: 1px solid #cccccc; } .box01{ padding:15px; background-color:#f4f4f4; display:block;} .box01 ._t{ font-size:20px; font-weight:bold; color:#000; margin-bottom:10px;} .box01 ._p{ margin-top:15px; color:#444141;} .box01 .more_btn{display:block; width:110px; line-height:35px; padding:0 15px; border:1px solid #008cd6; color:#008cd6; overflow:hidden;color:#008cd6; margin-top:20px;position:relative;} .box01 .more_btn:hover{background: #008cd6; color:#fff; } .box01 .more_btn em{position:absolute; top:0px; right:15px;} .chanr-link{ background:#f6f6f6; padding:15px; margin-bottom:20px;} .chr-quick-link{ margin-bottom:15px;} .chr-quick-link a._img { display: block; height: 0; overflow: hidden; padding-bottom: 45%; position: relative; } .chr-quick-link a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .chr-quick-link ._cover{ background:url(../img/black.6.png) repeat; background:rgba(0,0,0,.5); display:block; position:absolute; bottom:0; left:0; width:100%; height:32px; line-height:32px; text-indent:15px; color:#fff; font-size:12px;} .chr-quick-link ._cover ._title{ font-size:12px;} .chr-quick-link ._cover ._line{ display:none; width:0; height:100%; vertical-align:middle;} .chan-sublant{ font-size:20px; color:#333; margin-bottom:10px; font-weight:bold} .lg-toolbar .lg-download:after { content: ""; } .lg-fullscreen:after { content: ""; } .lg-outer #lg-share:after { content: ""; } #lg-zoom-in:after { content: ""; } #lg-zoom-out:after { content: ""; } .pointers{cursor: pointer;} .main_content h1{ font-size: 2em} .main_content { line-height:2; min-height:200px; font-size:16px; color:#555555; margin-top:20px; } .main_content img{height:auto; width: auto;} .main_content a:hover{ color: #ccc } ._head h1{ font-size: 2em;font-family: inherit; font-weight: 500;line-height: 1.5;color: inherit; padding-top: 30px} ._tool{ float:; line-height: 20px; font-size: 14px; padding-bottom: 10px; color:#999;} .main_content {margin:30px 0 30px 0} /* .main_content img{width: 100%;height: auto;} */ /* 内容页悬浮 */ .m-dettitle{position: fixed; top: 0px; z-index: 100; width: 100%; height: 64px; box-shadow: rgb(172, 172, 172) 0px 2px 4px; left: 0px; background: rgb(248, 248, 248);} .g-dettitle{margin: 0 auto; width: 1200px; height: 64px;} .u-dettitle{width: 910px; line-height: 64px; font-weight: bold; font-size:22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .u-detview{margin: 17px 0; padding-left: 33px; height: 30px; line-height: 30px; color: #999; font-size: 18px; font-weight: bold; background: url(../images/icon-view.png) left center no-repeat;} /* 二级悬浮 */ .news_list_dh{position: fixed;top:0;width: 100%;z-index:9999;background: rgba(0,0,0,.8);} .info_list_title_list{left:0;background: rgba(0,0,0,.8);line-height: 50px;height: 50px; } .info_list_title_list .cur-in{font-size: 20px;line-height: 50px; margin-bottom: 0;padding:0 10px 0 10px;} .info_list_title_list .cur-in a{color:#fff} .info_list_title_list .title26{font-size: 20px;line-height: 50px; margin-bottom: 0;padding:0 10px 0 10px; color:#fff;display:inline-block;} .info_list_title_list h1:hover{font-size: 20px;line-height: 50px; margin-bottom: 0;padding:0 10px 0 10px ;background:#28d8f0; display:inline-block} .info_list_title_list h1 a{color:#fff;} .info_list_title_list h1:hover a{color:#fff;} .info_list_title_list .cur{background-color:#008cd6;color:#fff}.cur a{color:#fff} .info_list_title_list a{display: } .posi{text-align: left;padding-left:10px;display: block;width: 100%;border-bottom: #e9e9e9 1px solid; margin-bottom: 30px;line-height: 50px;} .info_list_title_list h1{display: inline-block;} .info_list_title_list .posi{text-align: right;float: right;padding-right:10px} .info_list_title_list .posi a{color:#fff} /* 二级悬浮 */ .text-in p{text-indent: 2em; padding-left: 10px;padding-top: 30px;} .text-in{padding-top: 30px;} /* .text-in div:after{ content: ''; padding: 10px; } */ /* 时间轴 */ /* -------------------------------- Main Components -------------------------------- */ .cd-horizontal-timeline { padding:60px 0 60px 0; opacity: 0; margin: 2em auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; background:url(../images/bg/app_index_bj.jpg) no-repeat bottom left; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'mobile'; display: none; } .cd-horizontal-timeline.loaded { /* show the timeline after events position has been set (using JavaScript) */ opacity: 1; } .cd-horizontal-timeline .timeline { position: relative; height: 100px; width: 90%; max-width: 1200px; margin: 0 auto; } .cd-horizontal-timeline .events-wrapper { position: relative; height: 100%; margin: 0 40px; overflow: hidden; } .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before { /* these are used to create a shadow effect at the sides of the timeline */ content: ''; position: absolute; z-index: 2; top: 0; height: 100%; width: 20px; } .cd-horizontal-timeline .events-wrapper::before { left: 0; /* background-image: -webkit-linear-gradient( left , #fafafa, rgba(248, 248, 248, 0)); background-image: linear-gradient(to right, #fafafa, rgba(248, 248, 248, 0)); */ } .cd-horizontal-timeline .events-wrapper::after { right: 0; /* background-image: -webkit-linear-gradient( right , #fafafa, rgba(248, 248, 248, 0)); background-image: linear-gradient(to left, #fafafa, rgba(248, 248, 248, 0)); */ } .cd-horizontal-timeline .events { /* this is the grey line/timeline */ position: absolute; z-index: 1; left: 0; top: 49px; height: 2px; /* width will be set using JavaScript */ background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .cd-horizontal-timeline .filling-line { /* this is used to create the green line filling the timeline */ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #7b9d6f; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .events-content ol{color:#fff} .cd-horizontal-timeline .events a { position: absolute; bottom: 0; z-index: 2; text-align: center; font-size: 1.3rem; padding-bottom: 15px; color: #fff; /* fix bug on Safari - text flickering while timeline translates */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .cd-horizontal-timeline .events a::after { /* this is used to create the event spot */ content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; height: 12px; width: 12px; border-radius: 50%; border: 2px solid #dfdfdf; background-color: #f8f8f8; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .no-touch .cd-horizontal-timeline .events a:hover::after { background-color: #7b9d6f; border-color: #7b9d6f; } .cd-horizontal-timeline .events a.selected { pointer-events: none; } .cd-horizontal-timeline .events a.selected::after { background-color: #7b9d6f; border-color: #7b9d6f; } .cd-horizontal-timeline .events a.older-event::after { border-color: #7b9d6f; } @media only screen and (min-width: 1100px) { .cd-horizontal-timeline { margin: 1em auto; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } } .cd-timeline-navigation a { /* these are the left/right arrows to navigate the timeline */ position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; border: 2px solid #dfdfdf; /* replace text with an icon */ overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; } .cd-timeline-navigation a::after { /* arrow icon */ content: ''; position: absolute; height: 16px; width: 16px; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(../img/cd-arrow.svg) no-repeat 0 0; } .cd-timeline-navigation a.prev { left: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .cd-timeline-navigation a.next { right: 0; } .no-touch .cd-timeline-navigation a:hover { border-color: #7b9d6f; } .cd-timeline-navigation a.inactive { cursor: not-allowed; } .cd-timeline-navigation a.inactive::after { background-position: 0 -16px; } .no-touch .cd-timeline-navigation a.inactive:hover { border-color: #dfdfdf; } .cd-horizontal-timeline .events-content { position: relative; width: 100%; margin: 2em 0; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; } .cd-horizontal-timeline .events-content li { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); padding: 0 5%; opacity: 0; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .cd-horizontal-timeline .events-content li.selected { /* visible event content */ position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right { -webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right; } .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left; } .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; } .cd-horizontal-timeline .events-content li > * { max-width:980px; margin: 0 auto; } .cd-horizontal-timeline .events-content h2 { font-weight: bold; font-size: 2.6rem; /* font-family: "Playfair Display", serif; */ font-weight: 700; line-height: 1.2; } .cd-horizontal-timeline .events-content em { display: block; font-style: italic; margin: 10px auto; } .cd-horizontal-timeline .events-content em::before { content: '- '; } .cd-horizontal-timeline .events-content p { font-size: 1.4rem; /* color: #292727; */ } .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p { line-height:2.5; } @media only screen and (min-width: 768px) { .cd-horizontal-timeline .events-content h2 { font-size:1.6rem; } .cd-horizontal-timeline .events-content em { font-size: 2rem; } .cd-horizontal-timeline .events-content p { font-size: 18px; font-weight: 700px; } } @-webkit-keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-right { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-left { 0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } /*---------------*/ /***** Julia *****/ /*---------------*/ .grid { position: relative; /* clear: both; */ /* margin: 0 auto; */ /* padding: 1em 0 4em; */ /* max-width: 1200px; */ list-style: none; /* text-align: center; */ } /* Common style */ .grid figure { position: relative; overflow: hidden; /* min-width: 320px; */ /* max-width: 480px; */ min-height: 320px; /* height: auto; */ text-align: center; cursor: pointer; } .grid figure img { position: relative; display: block; /* min-height: 100%; max-width: 100%; */ opacity: 1; } .grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h2 { word-spacing: -0.15em; font-weight: 300; } .grid figure h2 span { font-weight: 600; } .grid figure:hover h2 span { top:10px; } .grid figure h2, .grid figure p { margin: 0; } .grid figure p { letter-spacing: 1px; font-size: 68.5%; margin-left: 5px; } figure.effect-julia { /* background: #2f3238; */ } figure.effect-julia .imghove{background: #28d8f0;height: 100%;} figure.effect-julia img { width: auto; height: auto; /* max-width: 100%; max-height: 100%; */ -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-julia figcaption { text-align: center; } figure.effect-julia h2 { position: relative; top: 80%; } figure.effect-julia p { display: inline-block; margin: 0 0 0.25em 0.25em; padding: 0.4em 1em; background: rgba(255, 255, 255, 0.9); color: #2f3238; text-transform: none; font-weight: 500; font-size: 75%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0); } figure.effect-julia p:first-child { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } figure.effect-julia p:nth-of-type(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-julia p:nth-of-type(3) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-julia:hover p:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; } figure.effect-julia:hover p:nth-of-type(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-julia:hover p:nth-of-type(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-julia:hover img { /* filter:brightness(60%); */ /* filter:contrast(50%);对比度 */ opacity: 0.0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } figure.effect-julia:hover figcaption h2{color:#008cd6;margin: auto} figure.effect-julia:hover p { /* background:rgba(8, 85, 173, 0.125); */ opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* 院报 */ figure.effect-zoe figcaption { top: auto; bottom: 0; padding: 0.75em; height:100%; background: rgba(105, 157, 255, 1); color: #3c4a50; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } figure.effect-zoe div{ position: relative; } figure.effect-zoe h2 { float: left; } figure.effect-zoe p.icon-links a { float: right; color: #3c4a50; font-size: 1.4em; } figure.effect-zoe:hover p.icon-links a:hover, figure.effect-zoe:hover p.icon-links a:focus { color: #252d31; } figure.effect-zoe p.description { position: absolute; bottom: 8em; padding: 2em; color: #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */ } figure.effect-zoe h2, figure.effect-zoe p.icon-links a { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); } figure.effect-zoe p.icon-links a span::before { display: inline-block; padding: 8px 10px; font-family: 'feathericons'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-eye::before { content: '\e000'; } .icon-paper-clip::before { content: '\e001'; } .icon-heart::before { content: '\e024'; } figure.effect-zoe h2 { font-size: 28px; display: inline-block; margin-block-start: 0px; margin-block-end: 0px; margin-inline-start: 0px; margin-inline-end: 0px; } figure.effect-zoe:hover p.description { opacity: 1; } figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h2, figure.effect-zoe:hover p.icon-links a { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-zoe:hover h2 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-zoe:hover p.icon-links a:nth-child(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-zoe:hover p.icon-links a:nth-child(2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } figure.effect-zoe:hover p.icon-links a:first-child { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .effect-zoe figcaption h2 span{font-size:20px;font-weight: 700} /* 教师风采 */ /* effect-1 css */ .port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: left; border:0px solid rgba(9, 117, 206, 0.9);cursor: pointer;margin-bottom:40px;} .port-1 .text-desc{opacity: 0.9; top: -100%; transition: 0.5s; color: #000; padding: 45px 20px 20px;} .port-1 img{transition: 0.5s;} .port-1:hover img{transform: scale(1.2);} .port-1.effect-1:hover .text-desc{top: 0;} .port-1.effect-2 .text-desc{top: auto; bottom: -100%;} .port-1.effect-2:hover .text-desc{bottom: 0;} .port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;} .port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%; padding: 20px 20px 20px;} /* effect-1 css end */ .port-1.effect-2:hover span{display: none} .port-3{float: left; width: 100%; position: relative; overflow: hidden; text-align: left; perspective: 500px;} .port-3 img{transition: 0.5s;} .port-3.effect-1 .text-desc{z-index: -1; transition: 0.5s; transform: rotateX(80deg); transform-origin: center top 0; padding: 45px 20px 20px; opacity: 1;} .port-3.effect-1:hover .text-desc{transform: none;} .port-3.effect-1:hover img{opacity: 0; transform: scale(1.2)} /* p{font-weight: 300; line-height: 20px; font-size: 14px; margin-bottom: 15px;} */ .btn1{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #4d92d9; background-color: #4d92d9; text-decoration: none; transition: 0.4s;} .btn1:hover{background-color: transparent; color: #000; transition: 0.4s;} .btn1 {border-radius: 0.25rem;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} .text-desc{position: absolute; left: 0; top: 0; background-color: #83bbff; height: 100%; opacity: 0; width: 100%; padding: 0 20px 20px 20px;} .image-box span{border-radius:0 0 10px 10px;position: absolute;bottom: 0;left:0;width: 100%;height: auto;line-height:50px;background:rgba(6,141,214,.8);font-size: 18px;font-weight: 400;text-align: center;color:#fff;} .port-3 .image-box img{border-radius:0 0 10px 10px;width: 100%;} /* .text-desc h3{margin-bottom: 0px;} */ /*= Media Screen CSS ==================== */ @media only screen and (max-width: 1090px){ ul{width: 100%; margin: 0 auto;} /* li{width: 100%; margin: 20px 0;} */ .port-5.effect-1 {z-index: 19;} } @media only screen and (max-width: 360px){ ul{width: 100%;} .port-1 .text-desc, .port-1.effect-3:hover .text-desc, .port-3.effect-1 .text-desc, .port-3.effect-3 .text-desc, .port-4.effect-1 .text-desc, .port-4.effect-2 .text-desc, .port-4.effect-3 .text-desc, .port-8 .text-desc{padding: 20px;} .text-desc{padding: 7px;} .port-5.effect-1 .text-desc{padding: 13px 20px 20px 90px;} .port-5.effect-2 .text-desc{padding: 10px;} .port-5.effect-3 .text-desc{padding: 16px 90px 20px 20px;} .port-6.effect-1 .text-desc .btn, .port-6.effect-2 .text-desc .btn, .port-6.effect-3 .text-desc .btn, .port-7.effect-1 .text-desc .btn, .port-7.effect-2 .text-desc .btn, .port-7.effect-3 .text-desc .btn, .port-8.effect-3 .text-desc .btn{display: none;} .port-6.effect-2 .text-desc{padding: 20px 120px 20px 20px;} .port-6.effect-3 .text-desc{padding: 75px 20px 10px;} .port-7.effect-1 .text-desc{padding: 12px 10px;} .port-8.effect-3 .text-desc{padding: 28px 70px 20px;} } /*= Media Screen CSS End ======================== */ .port-7.effect-3 img{transition: 0.5s; position: relative; width: 100%; right: 0;} /* .port-7.effect-3:hover img{right: 50%;} */ .port-7.effect-3 .text-desc{transform: perspective(600px) rotateY(-90deg); transform-origin: right center 0; width: 50%; position: absolute; left: auto; right: 0; top: 0;padding: 20px 20px;text-align: left} .port-7.effect-3:hover .text-desc{opacity: 1; transform: perspective(700px) rotateY(0deg); z-index: 99;height: 100%;} .port-7{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border:2px solid rgba(13, 83, 187, 0.9) overflow: hidden;} .port-7 .text-desc{opacity: 0; transition: 0.5s; color: #000;} .image-box1 span{border-radius:;position: absolute;top: 0;left:0;width: 100%;height: auto;line-height:50px;background:rgba(6,141,214,.8);font-size: 18px;font-weight: 400; text-align: center;color:#fff;display: inline-block} .image-box2 span{border-radius:;position: absolute;bottom: 0;left:0;width: 100%;height: auto;line-height:50px;background:rgba(6,141,214,.8);font-size: 18px;font-weight: 400; text-align: center;color:#fff;display: inline-block} .port-7.effect-3:hover span {right: 50%;position: absolute;width: 50%;transition: 0.5s;} .port-1.effect-3:hover span{display: none} .xy_index_2 img{min-height: 446px;} .port-1.effect-2 .image-box img{ width: 100%;} /* 校园文化首页滑块 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .owl-carousel .owl-item img{height:320px;} /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } #owl-demo .item{ margin-right: 3px; } #owl-demo .item img{ display: block; width: 100%; min-height: 280px; } .span12 { width: 1200px; float: left; min-height: 1px; margin-left:10px; } .VivaTimeline dl { position: relative; top: 0; padding: 20px 0; margin: 0 } .VivaTimeline dl:before { position: absolute; top: 0; bottom: 0; left: 0; z-index: 100; width: 2px; margin-left: -1px; content: ''; background-color: #ccd1d9 } .VivaTimeline dl dt { position: relative; top: 30px; z-index: 200; width: 120px; padding: 3px 5px; margin: 0 auto 30px; font-weight: 400; color: #fff; text-align: center; background-color: #aab2bd; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px } .VivaTimeline dl dd { position: relative; z-index: 200 } .VivaTimeline dl dd .circ { position: absolute; top: 8px; left: 0; z-index: 200; width: 22px; height: 22px; margin-left: -11px; background-color: #4fc1e9; border: 4px solid #f5f7fa; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50% } .VivaTimeline dl dd .time { position: absolute; top: 31px; left:0; display: inline-block; width: 100px; padding: 10px 20px; color: #4fc1e9 } .VivaTimeline dl dd .events { position: relative; width:97%; padding: 10px 0 0; /* margin-top: 31px; */ background-color: #CCC; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px } .VivaTimeline dl dd .events:before { position: absolute; top: 12px; width: 0; height: 0; content: ''; border-style: solid; border-width: 6px } .VivaTimeline dl dd .events .events-object { margin: 0 auto; } .VivaTimeline dl dd .events .events-header { min-height: 30px; line-height: 20px; text-align: left; font-size:20px; font-weight: 500; padding-left: 1em; cursor: pointer; } .VivaTimeline dl dd .events .events-body { overflow: hidden; zoom: 1; background-color: #EEE; padding:0 10px; } .VivaTimeline dl dd .events .events-body .row{ display:none; } .VivaTimeline dl dd .events .events-body .events-desc { text-indent: 2em; padding: 0 15px; } .VivaTimeline dl dd .events .events-body .wh_xm .events-desc { text-indent: 0em; padding: 0 15px; } .wh_xm .events-desc span{ font-size: 22px;font-weight:500;display:inline-block; } .wh_xm .events-desc {text-indent: 0em;} .wh_xm .events-desc p{padding: 10px} .VivaTimeline dl dd .events .events-footer { text-align:center; } .VivaTimeline dl dd .events .events-footer ol { list-style: none; margin: 0 auto; padding: 0; } .VivaTimeline dl dd .events .events-footer ol li { background:#008cd6; border-radius: 5px; margin: 10px; display: inline-block; width: 8px; height: 8px; cursor: pointer; } .VivaTimeline dl dd .events .events-footer ol .active{ transform: scale(2); } .VivaTimeline dl dd.pos-right .time { margin-left: -100px; text-align: right } .VivaTimeline dl dd.pos-right .events { float: right } .VivaTimeline dl dd.pos-right .events:before { left: -12px; border-color: transparent #CCC transparent transparent } .VivaTimeline dl dd.pos-left .time { margin-left: 0; text-align: left } .VivaTimeline dl dd.pos-left .events { float: left } .VivaTimeline dl dd.pos-left .events:before { right: -12px; border-color: transparent transparent transparent #CCC } .VivaTimeline .carousel-indicators{ bottom: 0; } @media screen and (max-width: 767px) { .VivaTimeline dl:before { left: 90px } .VivaTimeline dl dt { margin: 0 30px 30px } .VivaTimeline dl dd .circ { left: 90px } .VivaTimeline dl dd .time { left: 20px } .VivaTimeline dl dd.pos-left .time { padding: 10px 0; margin-left: 0; text-align: left } .VivaTimeline dl dd.pos-left .events { float: right; width: 73%; margin-right: 4%; } .VivaTimeline dl dd.pos-left .events:before { left: -12px; border-color: transparent #CCC transparent transparent } .VivaTimeline dl dd.pos-right .time { padding: 10px 0; margin-left: 0; text-align: left } .VivaTimeline dl dd.pos-right .events { float: right; width: 73%; margin-right: 4%; } /* .VivaTimeline dl dd .events .events-body { display: none; } .VivaTimeline dl dd .events .events-footer { display: none; } */ } @media screen and (max-width: 500px) { .VivaTimeline dl dd.pos-left .events { float: right; width: 63%; margin-right: 4%; } .VivaTimeline dl dd.pos-right .events { float: right; width: 63%; margin-right: 4%; } } .htmleaf-content .ex1 { opacity: 0; perspective: 200px; } .htmleaf-content .ex1 span { transform: rotateY(-90deg); opacity: 0; } .htmleaf-content .ex2 { opacity: 0; perspective: 200px; } .htmleaf-content .ex2 span { transform: rotateY(-90deg) rotateX(45deg); transform-origin: -50% 75%; opacity: 0; } /* p.desc { padding: 1rem; font-size: 1rem; letter-spacing: .2rem; opacity: 0; transition: 2s 1.5s; } */ @media screen and (max-width: 450px) { .htmleaf-content p { font-size: 3rem; } .htmleaf-content p.desc { font-size: .5rem; } } .htmleaf-content p { margin: 0; padding:30px 0 0 0; font-size: 2.5rem; line-height: 1; letter-spacing: -1rem; color: #fff; text-align: left;} .wh_bg { background: url(../images/wh_bg.jpg) no-repeat center bottom; min-height: 260px; padding-top:5%; } .wh_bg:hover{ /* background:rgba(); */ /* background: url(../images/wh_bg.jpg) no-repeat center bottom; */ background:rgba(6, 135, 204, 0.8); transition:1s; cursor: pointer; } .wh_xm{padding: 20px 10px 20px 0; min-height: 180px;} #container section { min-height:600px; background-color: #2c3e50; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } #container section > .text { position: relative; top:40%; transform: translateY(80%); } #container section > .text > h1 { /* font-size: 42px; */ color: rgba(255,255,255,0.5); border-bottom: 0; margin: 0 0 10px; font-weight: 900; } #container section > .text > h3 { color: rgba(255,255,255,0.5); margin: 0; } #container #main { text-align: center; } #container #more { margin: 20px auto 48px; } .figure-caption { font-size: 90%; color: #000; height:60px; line-height: 180%; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgb(0, 0, 0); border-radius: 2px; color: #fff; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: none; outline: 1; } .lg-actions .lg-next:before { content: ">"; } .lg-actions .lg-prev:after { content: "<"; } .lg-toolbar .lg-icon { color: #fff; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none!important; outline: 0; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; } .lg-toolbar .lg-close:after { content: "X"; } /* 手机适配 */ .inews_m ul{top:-20px;} .inews_m li{width: 100%; margin: 10px 0;} .inews_m li:first-child{margin-top:10px;} .inews_m li:last-child{margin-bottom:10px;} .mb_more{font-size:14px;line-height:2.0;} .mb_more a{color:#999} h2.mb_more a{font-weight: none; } .sj_main {height: auto; position: relative; display: inline-block;} .sj_main img{ /* position: relative; */     top: 50%;     left: 50%;     -webkit-transform: translate(-50%,-50%);     transform: translate(-50%,-50%);     display: block;     width: 100%;     max-height: 100%;     -webkit-box-sizing: border-box;     box-sizing: border-box;     outline: none; } .mobile_t {padding: 20px 0;} .hiSlider-wrap li.hiSlider-item img{width: 100%;height: auto;} @media only screen and (min-width:1200px){ .hiSlider-wrap li.hiSlider-item img{width: 100%;height:320px;} } @media only screen and (max-width:768px){ .hiSlider-wrap li.hiSlider-item img{width: 100%;height:268px;} .info_list ._intro { overflow:hidden; padding-left:20px;padding-bottom: 20px;} .info_list ._img { width: 100%; float: left; height:220px; } } li.hiSlider-item .pic-title{ /* height: 110px; */ width: 98%; padding: 10px;} li.hiSlider-item .pic-t{font-size: 16px; font-weight:900;} li.hiSlider-item .pic-c{font-size: 12px; padding: 5px;line-height: 30px;} .left_h h1{font-size: 20px;font-weight: 600;} .left_h span{ float:left; width:100%;} .left_h .dd_1{ font-size:10pt; color:#666; float:left; line-height:22px; padding-top:5px; width:100%;} .left_h .dd_2{ font-size:9pt; float:left; line-height:35px; background:url(../images/icon-dz.png) no-repeat center left; padding-left:20px; color:#000} .left_h .dd_3{ font-size:9pt; float:left; line-height:35px; background:url(../images/icon-look-2.png) no-repeat center left; width:30px; padding-left:20px;color:#999} .left_h .dd_4{ font-size:10pt; float:right; line-height:35px; width:220px;color:#999; text-align:right; padding-right:10px;} .left_h .dd_4_z{ font-size:10pt; float:left; line-height:35px; width:140px; padding-left:20px;background:url(../images/icon-time.png) no-repeat center left;color:#999} .left_h .dd_5{ font-size:9pt; float:left; line-height:35px; width:50px; padding-left:20px;background:url(../images/icon-pl.png) no-repeat center left;color:#999} .left_h .left_list{ float:left; padding:10px 0 0 0px; border-bottom:#eaeaea 1px dashed}.left_h .left_list font{color:#F00} .left_h .left_list dt.non-pic{ float:left; width:80px; height:80px; -moz-border-radius:120px; /* Gecko browsers */-webkit-border-radius:120px; /* Webkit browsers */border-radius:100px; /* W3C syntax */ color:#FFF; padding:10px;text-align:center; margin-bottom:20px;} .left_h .left_list dt.pic{ float:left; width:180px; height:120px; /* W3C syntax */ color:#FFF; padding:5px 20px 0px 0px;text-align:center;} .left_h .left_list_3{ float:left; padding:10px 0 10px 10px; } .left_h .left_list_3 dd{float:left; padding:0 0 5px 20px; font-size:14pt; border-bottom:#eaeaea 1px solid;} .left_h dt.zlh_pic{float:left; width:180px; height:100px; /* W3C syntax */ color:#FFF; padding:5px 5px 20px 0px;text-align:center;} .left_h .left_list_2{ float:left;} .left_h .left_list_2 dd{float:left; w padding:0 0 5px 0px; font-size:16pt; border-bottom:#eaeaea 1px dashed;} .left_h .left_list_2:hover{ cursor:pointer;}.left_h .left_list_2 font{color:#F00} .left_h .left_list:hover{cursor:pointer;} .left_h .left_list dt h1{ line-height:40px;} .left_h .left_list dt h2{ font-size:12pt} .left_h .left_list dd{ float:left;padding:0 0 10px 0px; font-size:16pt;} .tag{line-height:20px;height:25px;border:1px solid #cccccc;display:inline-block;*display:inline;zoom:1;font-style:normal;position:relative;border-radius:4px; font-size:10pt; margin:5px 20px 0 0px; padding:3px; float:left; } .tag b{background:url(../images/icon_sort_arr.gif) no-repeat 0 0;width:4px;height:7px;display:block;position:absolute;left:-4px;top:7px;} .tag a{color:#333;padding:0 6px;} .tag:hover{background:#0284C2;border-color:#0284C2;color:#fff} .tag:hover b{background-position:0 -7px;} .tag a:hover,.tag:hover a{color:#fff;text-decoration:none;} #so_input dl{margin-bottom:10px;} #so_input dd{padding-bottom: 10px;} #so_input td,table{border: none;} .left_so{padding:20px 0 20px 10px ;} #so_input input[type="radio"]{ background-color: initial; cursor: default; -webkit-appearance: radio; box-sizing: border-box; margin: 3px 3px 0px 5px; padding: initial; border: initial; -webkit-writing-mode: horizontal-tb !important; text-rendering: auto; color: initial; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; /* -webkit-appearance: textfield; */ background-color: white; -webkit-rtl-ordering: logical; cursor: text; margin: 0em; font: 400 13.3333px Arial; padding: 1px 0px; border-width: 2px; border-style: inset; border-color: initial; border-image: initial; width:15px; height:15px; } .so_top{margin:30px 0; font-size: 22px;} .so_gjz{margin:30px 0; font-size: 22px;} #so_input input{padding: 0 10px;} #so_input input, select{height: 40px;} #so_input select{width:30% ;} #so_input td { /* border-top: 1px solid #ededed; */ padding: 6px 0 6px 0; } #so_input .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left:10px; line-height: 40px; } /* .so_select span.selection{width:100%; margin-right: 2px;} */ .so_select .select2{width:100%;margin-right:5px;} .so_select .select2-container { width: 48% !important; } .so_bu{width:65px; border:2px solid; border-radius:5px; height:42px; background:#056daa; color:#ffffff;margin-top:10px;} .header-button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* text-indent: -119988px; */ overflow: hidden; text-align: left; text-transform: capitalize; position: relative; z-index: 1; display: block; width: 60px; height: 48px; margin: 0; padding: 0; /* background-color: #dfdfdf; */ /* top:-18px; */ outline: none; /* background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAA8CAQAAABlJ1gMAAABfElEQVR42u3ZsU7CUBhA4U6Iib5IITigOzMzzwUMmNA3MRofwMSRCDB1MPIAOoDBHAch0VhUCb2Ecr4uBJb23Oa/FKJIkiRJkiRJkiRJygENElJSEhpEmxz6W+Z7Vu43S71PlxvTZsiMGQ+0iTe7szY6EuCOmJg7IClwaEr0eOOzN/ocBwqdwnJhYyAtbGhK3ACQcEGZMhckANxSChIayHxduNCXwISzL6deYQT0Chma3+RzmRUWQO3b+2fAgkrOgbd0vfsQurN2A0qATgFD72hwDIHzzNM/B4YBRkbW6Chg6DlwlHn6R8Dc0PmHPgWeA22C//lsT2f0+tFRBwaGDrMZdgsYekejo7rm610NWFA1dIgHlqtgDyoHEXr1CN6nTokT6vQBgAktZ/Q2j6wfla6ZAOMcUx9g6I9h0WXEKy8M6FIlosU419SHNjp+WPp8Uxs6UGpDZ6Y2dJDUedzRTz/uSFP/nN3WAjaZrs38SNPQkiRJkiRJkiRJKoB36w+U2Cj/A/EAAAAASUVORK5CYII="); */ border: none; cursor: pointer; } .header-button i{margin-left:20px;font-size: 20px;color:#0064aa } .header-button1 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* text-indent: -119988px; */ overflow: hidden; text-align: left; text-transform: capitalize; /* position: relative; */ z-index: 1; /* display: block; */ width: 60px; height: 48px; margin: 0; padding: 0; /* background-color: #dfdfdf; */ /* top:-18px; */ outline: none; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAA8CAQAAABlJ1gMAAABfElEQVR42u3ZsU7CUBhA4U6Iib5IITigOzMzzwUMmNA3MRofwMSRCDB1MPIAOoDBHAch0VhUCb2Ecr4uBJb23Oa/FKJIkiRJkiRJkiRJygENElJSEhpEmxz6W+Z7Vu43S71PlxvTZsiMGQ+0iTe7szY6EuCOmJg7IClwaEr0eOOzN/ocBwqdwnJhYyAtbGhK3ACQcEGZMhckANxSChIayHxduNCXwISzL6deYQT0Chma3+RzmRUWQO3b+2fAgkrOgbd0vfsQurN2A0qATgFD72hwDIHzzNM/B4YBRkbW6Chg6DlwlHn6R8Dc0PmHPgWeA22C//lsT2f0+tFRBwaGDrMZdgsYekejo7rm610NWFA1dIgHlqtgDyoHEXr1CN6nTokT6vQBgAktZ/Q2j6wfla6ZAOMcUx9g6I9h0WXEKy8M6FIlosU419SHNjp+WPp8Uxs6UGpDZ6Y2dJDUedzRTz/uSFP/nN3WAjaZrs38SNPQkiRJkiRJkiRJKoB36w+U2Cj/A/EAAAAASUVORK5CYII="); border: none; cursor: pointer; } .header-button1 i{margin-left:20px;font-size: 20px;color:#0064aa} #toggle-search { float: right; background-position: -50px -5px; outline:none; } #toggle-search.open:after { top: 32px; } #toggle-search:after { -moz-transition: top, 0.5s; -o-transition: top, 0.5s; -webkit-transition: top, 0.5s; transition: top, 0.5s; position: absolute; top: 40px; left: 50%; margin-left: -8px; content: ""; border-color: transparent transparent #0064aa; border-style: solid; border-width: 8px 8px 12px; } #search-form { -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top:48px; left: -10px; width: 100%; max-height: 0; overflow: hidden; background-color: #e1e4e7; z-index:100000000000 ; } #search-form.open { max-height: 48px; } #search-form fieldset { position: relative; /* margin: 0 60px 0 0; */ padding: 0; border: none; } #search-form input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height:48px; width: 100%; outline:none; border-color: none; } #search-form input:focus{ outline: none; border:none } #search-form input[type="search"] { width: 100%; padding: 0 5px 0 22px; background: transparent; border: none; } #search-form input[type="submit"] { position: absolute; bottom: 0; right: 0; width: 60px; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; color: #ffffff; background: #0064aa; border: none; cursor: pointer; } /* 2021 领导简介 */ .tabox{width:890px;margin:30px auto;border-top:2px solid #c00;} /* .tabox .hd{overflow:hidden;background:url(../images/bg.png) 0 -32px #efefef;border-left:1px solid #ddd;} */ .tabox .hd li{position:relative;margin-left:-1px;height:37px;line-height:37px;text-align:center;width:177px;float:left;border:1px solid #ddd;border-top:0;font:normal 14px/37px "Microsoft YaHei";_font-weight:bold;cursor:default;} .tabox .hd li.on{width:176px;background:#fff;border-bottom:1px solid #fff;color:#c00;} .tabox .bd{height:230px;border:1px solid #ddd;border-top:0;} .tabox .lh{overflow:hidden;} .tabox .lh li{width:156px;padding:0 10px;float:left;} .tabox .lh li .p-img{width:130px;height:132px;padding:30px 13px 0 13px;margin:0 auto;text-align:center;} .tabox .lh li .p-name{height:36px;line-height:18px;word-break:break-all;word-wrap:break-word;overflow:hidden;} .tabox .lh li .p-price{color:#999;} .tabox .lh li .p-price strong{color:#c00;font-size:14px;font-family:verdana;} /* .main_content img{width: 100% !important;height: auto;} */ .info_list-n ._img .rect-75{padding-bottom: 66%;} .info_list-n li a{color: #222} .info_list-n li.row { clear:both; overflow:hidden; border-bottom:#eee 1px solid; margin-bottom:20px;} .info_list-n ._img { width:100%; float:left; } .info_list-n ._img img{ -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;max-height:180px } .info_list-n ._intro { overflow:hidden; padding-left:20px;} .info_list-n ._title { display:block; height:32px; line-height:32px; font-size:22px; font-weight:normal; margin-bottom:5px; color:#333333; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .info_list-n ._info { height:20px; line-height:20px; color:#999999; margin-bottom:10px; } .info_list-n ._info a{ text-decoration:none; color: #000} .info_list-n ._text { line-height:1.8em; height:3.6em; overflow:hidden; font-size:16px; margin-bottom:25px;} .info_list-n ._more { display:inline-block; white-space:nowrap; width:auto; height:36px; line-height:32px; background-color:#fff; color:#555; padding:0 20px; border:1px solid #bababa;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .info_list-n li:hover ._title { color:#008cd6; font-weight:bold;} .info_list-n li:hover ._more {border:1px solid #008cd6; background-color:#008cd6; color:#fff;} .info_list-n li:hover ._img img { transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);} /* .info_list li:hover ._text { color:#008cd6;} */ .info_list-n ._more1 { display:inline-block; height:36px; line-height:32px; background-color:#fff; color:#555; padding:0 20px; border:1px solid #bababa;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; margin-right: 10px} .info_list-n ._more1:hover { display:inline-block; height:36px; line-height:32px; background-color:rgba(39, 38, 39,.8); color:#fff; padding:0 20px; border:1px solid #bababa;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; margin-right: 10px} .info_list-n li:hover ._more1 {border:1px solid #0c0c0c; background-color:rgba(39, 38, 39,.8); color:#fff;} .tables th{padding-left: 10px;font-size:18px;} .tables th.tbs-title code{font-size:24px;font-weight: 600;} .jsfw{font-size: 18px;line-height: 200%;} .jsfw span{padding: 20px 30px; margin-right: 10px; background-color: #f1f1f1;-webkit-transition: all 0.5s ease;display: block;margin-top: 20px;} .jsfw span:hover{margin-right: 10px; background-color: #008cd6; color: #ffffff;cursor:pointer;} /* .jsfw span:active{padding: 10px 40px; margin-right: 10px; background-color: #008cd6; color: #e1e4e7;cursor:pointer;} */