@media (min-width: 1201px){ .inner { width: 96%; max-width: 1400px; }} /********** header **********/ div#header.fixed-top { background:rgba(112, 19, 24,1); padding-bottom:10px; z-index:102; } div#header.header-bg-base.fixed-top{ padding: 10px; } .fixed-menu{ background: linear-gradient(rgba(112, 19, 24,1) ,rgba(112, 19, 24,.8)); opacity: 1; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; width:100%; z-index: 100; border: none; position:fixed; } .menu.nav-menuul .dropdown-menu, .menu.nav-menu .dropdown .dropdown-menu { border:0; } .block{ margin:0; } body .modal-backdrop.in { display: inline-table; } hr { background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent); background-image: linear-gradient(to right, transparent, #DBDBDB, transparent); border: 0; height: 1px; margin: 42px 0; } hr.line{ background:none; border-top:1px solid #9B7348; } a{ outline:0; } div.top-header{ background:transparent; } div.top-header p{ color:#FFF; float:left; } div.top-header a{ color:#FBF0D6; } div.top-header a:hover{ color:#FFF; } #header-top { z-index: 103; position: fixed; width: 100%; border-top:3px solid rgb(112, 19, 24); } #header { position: fixed; z-index: 2; width: 100%; padding-bottom: 20px; } .header-bg-primary{ background: linear-gradient(rgba(112, 19, 24,1) ,rgba(112, 19, 24,0)); } .header-body{ overflow: visible; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; padding-right: 14px; padding-left: 14px; padding-top: 10px; padding-bottom: 10px; max-width: 1400px; margin: 0 auto; position: relative; width: 100%; min-height: 90px; } .header-container.inner{ float: left; width: 30%; } .header-body .header-container.main-menu-nav-primary{ padding-top: 45px; width:70%; float:left; } #site-logo { height: auto; margin:5px; } #site-logo img{ max-height:80px; } .header-body .header-container.inner, .header-body .header-row{ height: auto; padding-bottom: 0px; padding-left: 0; } @media (min-width: 768px){ .header-body .inner.inside-c-tb{ width : auto; } .col-md-9 .inner{ width : auto; } } @media (min-width: 768px) and (max-width: 992px){ .header-container.inner{ float: none; width: 90%; } } @media (max-width: 992px){ .header-body{ min-height:auto; } .field-body p { word-break: break-word !important; } } @media (max-width: 768px){ .header-left{ display:none; } .header-container.inner{ float: none; width: 100%; } #header .header-container .header-row .header-column #site-logo.header-logo img { max-height: 80px; margin-top: 0; } #header .header-container .header-row .header-column #header-btns { right: auto; top: auto; left: 0; bottom: 32px; } #header,#header-top{ position: inherit; background: rgb(112, 19, 24); } /*#header-top{ display:none; }*/ div.top-header p .displayonlydesktop { display: none; } div#block-languageswitcher { position: absolute; top: 70px; right: 0; } } .main-menu-nav-primary { background: transparent; } .main-menu-1-1 .nav-menu>.menu-item{ padding:10px 3%; } .language-en .main-menu-1-1 .nav-menu>.menu-item{ padding:16px 1.5%; } .menu.nav-menu ul.dropdown-menu>li>a, .menu.nav-menu .dropdown .dropdown-menu>li>a{ text-align: left; font-size: 14px; } .menu.nav-menuul .dropdown-menu, .menu.nav-menu .dropdown .dropdown-menu{ min-width: 160px; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 0 0 4px 4px; border-top: 0; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .header-body .header-column.visible-md-block.visible-lg-block{ position: absolute; right: 28px; top: 11px; } @media (min-width: 992px){ .header-body .header-container .header-row .header-column:nth-child(2){ display: block; position: absolute; right: -146%; top: 0; } .sidebar-menu-2-4 .nav-menu>.menu-item .level-menu{ display:block; padding-left: 20px; padding-right: 20px } .sidebar-menu-2-4 .nav-menu .expanded .menu-toggle i{ display:none; } .sidebar-menu-2-4 .nav-menu .expanded .level-menu .menu-item .level-menu .menu-item a { font-size: 14px; } .sidebar-menu-2-4 .nav-menu .expanded .level-menu .menu-item .level-menu { margin-top:20px; } article .col-sm-12.col-md-9{ padding-left:40px; } } .js-language-switch #language-switch{ color:#FBF0D6; background:none; border:0; padding: 5px 14px; } .js-language-switch #language-switch .icon{ font-size:100%; top: 0; -webkit-text-stroke-width: 0; } .header-right img { vertical-align: middle; } /*********** mobile menu *****/ .mm-menu { background: #333; color: rgba(255,255,255,.75); } .mm-menu .mm-listview .mm-btn_next:after { border-color: rgba(255,255,255,.3); } /********** search ******/ .m-searching { position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 9999999; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: alpha(opacity=0); filter: alpha(opacity=0); visibility: hidden; overflow: hidden; background: rgba(0, 0, 0, .8); margin: 0; width: 100%; height: 100vh; -webkit-transform: scale(.2, .2); -ms-transform: scale(.2, .2); -o-transform: scale(.2, .2); transform: scale(.2, .2); -webkit-transition: all .3s cubic-bezier(.4, 0, 1, 1); -moz-transition: all .3s cubic-bezier(.4, 0, 1, 1); -o-transition: all .3s cubic-bezier(.4, 0, 1, 1); -ms-transition: all .3s cubic-bezier(.4, 0, 1, 1); transition: all .3s cubic-bezier(.4, 0, 1, 1); } .m-searching .search-popup-bg { width: 100%; height: 100%; position: absolute; cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress } .m-searching form { max-width: 100%; width: 600px; position: absolute; z-index: 10; margin: auto; top: 0; right: 0; left: 0; bottom: 0; height: 50px; overflow: hidden; } .m-searching.active { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); visibility: visible; } .m-searching input[type=text] { -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); border-radius: 0; border: 0; height: 50px; line-height: 40px; float: left; margin: 0; padding-left: 20px; background: #fff; color: #999; font-size: 15px; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) } .form-control::-moz-placeholder { color: #999; opacity: 1 } .form-control:-ms-input-placeholder { color: #999 } .form-control::-webkit-input-placeholder { color: #999 } .form-control:-moz-placeholder { color: #999 } .form-control::-moz-placeholder { color: #999 } .form-control:-ms-input-placeholder { color: #999 } .form-control::-webkit-input-placeholder { color: #999 } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1 } .m-searching button { background: #319662; width: 50px; height: 50px; overflow: hidden; line-height: 50px; border-radius: 0; float: left; font-size: 16px; padding: 0; border: 0; color: #fff; outline: none; cursor: pointer; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s } .m-searching button .loading { display: none; -webkit-animation: weuiLoading 1s steps(12, end) infinite; animation: weuiLoading 1s steps(12, end) infinite; } @-webkit-keyframes weuiLoading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); } } @keyframes weuiLoading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); } } .m-searching .m-list-search { display: none; max-width: 600px; width: 100%; padding-top: 5px; padding-bottom: 5px; background: #f6f6f6 !important; top: 50%; margin: auto; z-index: 999; overflow: hidden; list-style: none; position: absolute; right: 0; max-height: 300px; overflow-y: auto; background: #fff !important; margin-top: 27px; left: 0; text-align: left; margin-left: auto; margin-right: auto; max-width: 600px; border-radius: 0; box-shadow: 2px 2px 6px -4px #000; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .05); -o-box-shadow: 0 2px 3px rgba(0, 0, 0, .05); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, .05); line-height: 20px; } .m-searching .m-list-search li { padding: 0; line-height: 30px; display: block; float: none; width: 100%; margin: 0 20px; border: 0 !important; padding-bottom: 0 !important; } .m-searching .m-list-search li a { color: #999; font-size: 14px; } .m-searching .m-list-search li a:hover { text-decoration: underline; } .m-searching .baoming { width: 480px; height: 470px; background: #fff; padding: 90px 40px; box-sizing: border-box; } .field-type-text-with-summary{ text-align: justify; } .inner .breadcrumb { font-size: 16px; border-bottom: 0; text-align: right; } .block-region-content h2.block-title{ border:0; margin-bottom:50px; } .block-region-content h2.block-title span.cn{ font-size: 40px; color: #333; } .field-description { margin-bottom:50px; } .field-description h4{ font-size: 2.5em; color: rgba(0,0,0,0.1); line-height: 150%; letter-spacing: -1px; display: block; font-family: arial; height: auto; font-weight: 600; background: none; text-transform: uppercase; } .field-description p{ font-size: 3em; color: #701318; line-height:1; } .language-en .field-description p{ font-size: 2.5em; color: #701318; line-height: 150%; letter-spacing: -1px; display: block; font-family: arial; height: auto; font-weight: 600; background: none; text-transform: uppercase; } .language-en .field-description h4{ display:none; } .language-en .block-region-content h2.block-title span.cn{ display:none; } .block-region-content h2.block-title span.en{ font-size: 44px; color: #999; line-height: 64px; letter-spacing: -1px; display:block; margin-bottom: 15px; } .page-url-qr-code img { max-width: 150px; } /******footer***********/ #footer{ padding: 0; font-size:16px; } .field-body #footer h4 { font-size: 16px; } #footer.footer-bg-primary{ padding-top:30px; } .footer-bg-primary .footer-link li { width: 98%; display: inherit;; } .footer-bg-primary .footer-link a { color: rgba(255, 255, 255, 0.4); font-size:14px; } .footerlogo{ padding-right:30px; } .footerquicklinks ul li { float: left; width: 32.3%; margin-right:1%; margin-top:5px; } .footerquicklinks ul li figure { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .footerquicklinks ul li figcaption { position: absolute; bottom: 10px; } .footer-bg-primary .footer-link a:hover{ color: #f4cd64; } .footerquicklinks ul li figure a { position: relative; line-height:0; } .footerquicklinks ul li figure.align-center a:before { content: ""; background: rgba(0,0,0,0.4); width: 100%; height: 100%; display: block; position: absolute; } .footerquicklinks ul li figure.align-center a:hover:before { background: rgba(0,0,0,0.3); } .footer-bg-primary .qrcoderegion img{ margin:0 20px 0px 0; max-height: 85px; } .footercopyright { margin: 0px 0px 30px 0; color: rgba(255,255,255,0.7); font-size: 14px; padding-top: 16px; line-height:180%; } .footercopyright .copyright-rl{ text-align:right; } .footercopyright img{ width:300px; height:auto; } .footercopyright a{ color:#FFF; } .footer-bg-primary p{ font-size:16px; } .language-en .footercopyright{ border:0; margin:0 0 30px 0; } .language-en .footer-bg-primary .footer-link a{ padding:0 10px; } @media only screen and (max-width: 991px){ .field-body .footer-bg-primary p { text-align: inherit; } } @media only screen and (max-width: 767px){ .footercopyright .copyright-rl,.footercopyright .copyright-ll{ text-align:center; } } @media only screen and (max-width: 480px){ .footer-bg-primary ul li { float: none; width: 100%; } } /***************************** shotcode ****************/ .deadpeople{ border:1px solid #333; padding:2px; } /*****************list*************/ .list-hover-style li{ list-style:none; } .list-hover-style li:hover{ box-shadow: 0px 4px 28.8px 1.2px rgba(0,0,0,0.15); } /************* color ***************/ .content-green { background-color:rgb(49, 150, 98); color:#FFF; } .content-green-light{ background-color: rgba(49, 150, 98, 0.102); color:rgb(49, 150, 98); } .content-gray{ background-color:#969194; color:#FFF; } .content-gray-light{ background-color:rgb(244, 244, 244); color:#333; } .content-blue { background-color:#11316F; color:#FFF; } .content-orange{ background-color:rgb(214, 104, 70); color:#FFF; } .content-brown{ background:#987348; color:#FFF; } .content-red{ background:#701318; color:#FFF; } .content-yellowred{ background:#F7F0EC; color:#000; } .content-orange-light{ background-color: rgba(214, 104, 70, 0.102); color:rgb(214, 104, 70); } .content-brown-light{ background: rgba(245,240,236,.5); color:#9B7348; } .text-green{ color:rgb(49, 150, 98); } .text-orange{ color:rgb(214, 104, 70); } .text-blue{ color:#11316F !important; } .text-red{ color:#701318 !important; } .text-brown{ color:#9B7348 !important; } .content-padding40{ padding:40px; height: 100%; } .content-gray p,.content-brown p,.content-red p,.content-blue p{ color:#FFF; } /*********** highlight *********/ .highlight-key-h1 strong{ font-size:30px; color:#D66846; font-weight:bold; } .highlight-key-h2 strong{ font-size:22px; color:#D66846; font-weight:bold; } .highlight-key-h3 strong{ font-size:18px; color:#D66846; font-weight:bold; } .highlight-key-u1 u{ margin-bottom: 10px; margin-top: 20px; font-size: 20px; border-bottom: 2px solid #D66846; padding-bottom: 5px; text-decoration: none; display: inline-block; color: #D66846; } a.fixheight{ padding-top: 160px; margin-top: -160px; display: block; } /************* heading ************************/ .heading.heading-middle-border h1, .heading.heading-middle-border h2, .heading.heading-middle-border h3, .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 { position: relative; display: inline-block; font-weight:bold; } .heading.heading-border h1, .heading.heading-border h2, .heading.heading-border h3, .heading.heading-border h4, .heading.heading-border h5, .heading.heading-border h6 { margin: 0; padding: 0; } .heading.heading-middle-border-center { text-align: center; } .heading.heading-middle-border { position: relative; } .heading.heading-border { margin-top:35px; margin-bottom: 25px; } .heading.heading-middle-border h3:before { border-top: 1px solid #DBDBDB; content: ""; width: 2rem; margin-right: 20px; display: inline-block; padding-top: 8px; } .heading.heading-middle-border h3:after { border-top: 1px solid #DBDBDB; content: ""; width: 2rem; margin-left: 20px; display: inline-block; padding-top: 8px; } .heading.heading-middle-border h3 span { font-size: 14px; margin-left: 10px; } .heading.heading-middle-border-center h2,.heading.heading-middle-border-center h1 { padding-left: 15px; padding-right: 15px; } .highlight-box { display: flex; flex-wrap: wrap; } .highlight-box.box3 .col-lg-4 { border-right: 1px solid #ececec; margin-bottom: 15px; } .highlight-box .boxes { padding: 10px 10px 20px 10px; border-bottom: 1px solid #ECECEC; height: calc(100% - 15px); position: relative; margin-top: 10px; bottom: -10px; } @media (min-width: 1200px){ .highlight-box.box3 .col-lg-4:nth-child(3n){ border-right:0; } } @media (min-width: 768px) and (max-width: 1199px){ .highlight-box.box3 .col-lg-4:nth-child(2n){ border-right:0; } } @media (max-width: 767px){ .highlight-box.box3 .col-lg-4{ border-right:0; } .heading.heading-middle-border h3:before,.heading.heading-middle-border h3:after{ display:none; } } /**************** listsorder **************************/ .list-ordened { counter-reset: custom-counter; list-style: none; padding:0; } .list-ordened.list-ordened-style-3 li { padding-left: 36px; } .list-ordened li { position: relative; } .list-ordened li h3{ font-size: 18px; font-weight: bold; color: #701318; margin-bottom: 20px; margin-top: 20px; line-height: 140%; } .list-ordened-style-3 li:before { background-color: #701318; color: #FFF; border: 0; border-radius: 100%; min-width: 26px; padding: 0; text-align: center; position: absolute; top: 0; left: 0; content: counter(custom-counter); counter-increment: custom-counter; font-weight: bold; font-size:14px; line-height: 26px; } /********************* icon circle *********/ .icon-container{ margin-bottom: 26px; margin-top: 25px; clear: both; } .icon-circle { border-radius:100%; display: inline-block; float: left; height:60px; font-size:1.5em !important; line-height: 60px !important; margin-right: 10px; position: relative; text-align: center; width: 60px; } .icon-circle .icon{ display: inline-grid; } .icon-text{ padding-left: 70px; } .field-body div.icon-text p{ font-size:14px; padding-left:10px; } .field-body div.icon-text p.title{ font-size: 1em; margin-bottom: 5px; padding-left:0; } /************* bs ********************/ .bs-callout { padding: 20px; margin: 8px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; background:#FBFBFB; } .bs-callout-info { border-left-color: #1b809e; } .boxshadow{ box-shadow: 0 0 8px rgb(0 0 0 / 40%); } /*************divider *********************/ .divider.taller { margin: 66px auto; } .divider { border: 0; height: 1px; margin: 44px auto; background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent); background-image: linear-gradient(to right, transparent, #DBDBDB, transparent); text-align: center; position: relative; clear: both; } .divider .icon { text-align: center; -moz-border-radius: 50px; -webkit-border-radius: 50px; background: #FFF; border-radius: 50px; color: #a9a9a9; display: inline-block; height: 50px; line-height: 55px; position: absolute; width: 50px; font-size: 30px; margin: 0 auto 0 -25px; top: -25px; left: 50%; z-index: 1; } /*.divider .icon.ws:before{ position:relative; left:20%; }*/ .divider.divider-icon-sm .icon { width: 30px; height: 30px; line-height: 35px; top: -15px; font-size: 18px; margin-left: -16px; } html .divider.divider-style-2.divider-tertiary .icon { background: #f4f5ec; color: #777777; } /************* page-taxonomy *********/ .page-taxonomy .title-inner{ display:none; } .list-page{ margin: 20px 0; padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid #ddd; overflow: hidden; display: flex; flex-wrap: wrap; } .list-page.tuwen{ min-height: 160px; margin: 40px 0; padding-top: 0; } .list-page .title{ font-size:16px; margin-bottom:10px; line-height: 130%; } .list-page .title a{ color:#000; } .list-page .articleinfo { width: calc(100% - 120px); position: relative; } .list-page .articleinfo .imgs { position: absolute; right: 0; top: -10px; width: 25%; background: url(../../bottomlinks01.jpg) no-repeat; background-size: cover; background-position: center; } .list-page .articleinfo .imgs img { display: block; } .list-page .title.one-line { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-page .summary p,.list-page .summary { color:#777 !important; font-size: 14px; line-height: 150%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .list-page .summary.tuwen p,.list-page.tuwen .summary,.list-page.tuwen .title { width: 72%; } .list-page.tuwen .posttime { padding-top: 35px; } .list-page.tuwen .articleinfo { padding-top: 30px; } .list-page .posttime { color: #999; width: 110px; line-height: 200%; margin-right:10px; padding-top: 5px; } .list-page .posttime span{ display:block; text-align:center; } .list-page:hover{ background:url(../../listpage-bg.png) no-repeat #F5F0EC; background-size:100%; background-position:bottom left; } .double .list-page{ border-bottom:0; background:url(../../listpage-bg.png) no-repeat #F5F0EC; padding:20px; background-size:100%; background-position:bottom left; margin: 10px 0; } .double .list-page:hover{ box-shadow: 0px 4px 28.8px 1.2px rgba(0,0,0,0.15); } .list-page .posttime span.day{ margin-bottom: 5px; font-size: 0.35rem; color: #701418; } .double .list-page .articleinfo{ width:100%; } .double li{ list-style:none; } @media (max-width: 992px){ .list-page.tuwen .posttime{ display:none; } .list-page.tuwen .articleinfo{ padding-top:10px; } .list-page.tuwen { margin: 10px 0; padding: 10px 10px 15px 20px; min-height: 130px; } .list-page .articleinfo { width: 100%; position: relative; padding-top: 10px; overflow:hidden; } .list-page.tuwen .articleinfo .imgs { top: 0; bottom: auto; } } @media (max-width: 480px){ .list-page .posttime{ display:none; } .list-page .articleinfo .summary{ display:none; } .list-page .title { font-size: 14px; } .list-page.tuwen .articleinfo .imgs { top: initial; bottom: auto; position: inherit; float: right; } .list-page.tuwen { margin: 10px 0; padding: 10px 10px 10px 10px; min-height: 70px; } } /****** ejournal ****/ .ejournal p{ display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ejournal .edownload { width: 210px; padding: 5px; border: 1px solid #ECECEC; text-align: center; } .ejournal .edownload:hover{ box-shadow: 0 0 0 1px rgba(0, 0, 0, .1); } /************************ gallery *********************************/ .photogallery .photolist{ position:relative; margin:20px 0; } .photogallery .photolist .phototitle{ position: absolute; font-size:18px; padding:20px 30px; background:rgba(255,255,255,0.8); top:10px; left:0; } /************************ video *********************************/ .videos{ overflow:hidden; } /************ department teachers ***/ .views-teacher h3{ display:none !important; } .views-teacher{ font-size:18px; } /* search */ .page-search h3 b{ font-weight:normal; } /************banners******/ .banner { height: 350px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; font-size: 0 !important; } .banner.bannersblock{ height:50vh; background-image: url(../../banners-29.jpg); } .bannerdangj { background-image: url(../../banners-23.jpg) !important; } .bannerxuesheng { background-image: url(../../banners-20.jpg) !important; } .bannerzhiye { background-image: url(../../banners-14.jpg) !important; } .bannerhezuo { background-image: url(../../banners-18.jpg) !important; } .bannerxiaoyou { background-image: url(../../banners-09.jpg) !important; } .banner-article-jx{ background-image: url(../../banners-10.jpg) !important; } .banner-article-jx.banner-article-bkxm{ background-image: url(../../banners-04.jpg) !important; } .banner-article-yzzc{ background-image: url(../../banners-15.jpg) !important; } .banner-article-xy{ background-image: url(../../banners-29.jpg) !important; } .banner-article-ls{ background-image: url(../../banners-19.jpg) !important; } .banner-article-szgy{ background-image: url(../../banners-16.jpg) !important; } .banner-article-xyry{ background-image: url(../../banners-12.jpg) !important; } .banner-article-gjrz{ background-image: url(../../banners-30.jpg) !important; } .banner-article-xyld{ background-image: url(../../banners-24.jpg) !important; } .banner-article-zzjg{ background-image: url(../../banners-07.jpg) !important; } .banner-article-zlgw{ background-image: url(../../banners-05.jpg) !important; } .banner-article-szll{ background-image: url(../../banners-11.jpg) !important; } .banner-article-kyll{ background-image: url(../../banners-25.jpg) !important; } .banner-article-kyqk{ background-image: url(../../banners-06.jpg) !important; } .banner-article-kycg,.page-taxonomy .banner.bannersblock.banner-article-kycg{ background-image: url(../../banners-13.jpg) !important; } .page-taxonomy .banner.bannersblock{ background-image: url(../../banners-01.jpg) ; } .page-node-type-teacher .banner.bannersblock{ background-image: url(../../banners-22.jpg) ; } .page-taxonomy .banner.bannersblock.bannershizi{ background-image: url(../../banners-21.jpg) ; } @media (max-width: 480px){ .banner { height: 200px; } } /****************** event *****************/ .eventpage .event-list.event-list-4 .list-content .event-content .event-left .event-time { color: #FFF; background: #333; padding: 10px 15px; } .eventpage .event-list.event-list-4 .list-content .event-content .event-left .event-time .event-day { font-size: 20px; font-weight: bold; } .eventpage .event-month{ font-size:16px; } .eventpage .event-list.event-list-4 .list-content .event-content .event-left{ padding: 0px 20px 0 0; } .eventpage .event-list.event-list-4 .list-content .event-content { padding-top: 20px; padding-bottom: 20px; padding-right:20px; } .eventpage .event-list.event-list-4 .list-content:hover{ background:url(../../listpage-bg.png) no-repeat #F5F0EC; background-size:100%; background-position:bottom left; } .eventpage .event-list.event-list-4 .list-content{ border-bottom:0; background-color:#f2f2f2; }