/*包含information.html information_list.html information_detail.html页面的css*/ @charset 'utf-8' body { font-family: Tahoma, Arial, Verdana; font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; /*color: #eee;*/ } /*information.html*/ .info-header { position: fixed; top: 0; right: 0; left: 0; z-index: -1; height: 100%; background-image: url(../img/information/1.png); background-position: top; background-repeat: no-repeat; border-bottom: 1px solid #000; opacity: 1; } .info-header .info-nav { min-width: 1000px; } .info-header .info-nav ul { margin: 0; padding: 0; margin: 0 160px; margin-top: 20px; padding-left: 70px; background-color: #20373F; border-radius: 8px; } .info-header .info-nav ul li { list-style: none; display: inline-block; position: relative; } .info-header .info-nav ul li:hover { background-color: #000; } .info-nav .menu li a { text-decoration: none; line-height: 4em; padding: 0 21px; color: #FFF; font-size: 18px; font-weight: 700; display: block; } .info-header .info-search { float: right; width: 300px; padding-right: 50px; margin: 20px 0; } .info-content { margin: 40px 0px; margin-top: 300px; } .info-content .info-bk { background-color: #fff; min-width: 1000px; padding: 40px 30px; border-radius: 15px; box-shadow: 0 0 0 #5D8BBF; } .info-bk .info-margin { margin: 30px 0; border-bottom: 3px solid #58C3C8; } .info-bk ul { padding: 0; margin: 0; } .info-bk ul li { list-style: none; padding: 0; margin: 0; } .info-bk .info-item{ list-style: none; position: relative; -webkit-transition: .3s cubic-bezier(.3,0,0,1.3); transition: .3s cubic-bezier(.3,0,0,1.3); border-radius: 4px; } .info-bk .info-item:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); z-index: 3000; box-shadow: 0 0 10px #77CED5; } .info-item .info-li-heading1 h4 ,.info-item .info-li-heading2 h4 { background-color: #58C3C8; margin: 0; color: #fff; font-weight: 700; padding: 10px 15px; border: 1px solid #58C3C8; } .info-item .info-li-heading1 h4 { border-radius: 4px 0 0 4px; } .info-item .info-li-heading2 h4 { border-radius: 0 4px 4px 0; } .info-item .info-li-heading1 a ,.info-item .info-li-heading2 a { text-decoration: none; } .info-item .info-li-heading1 a:hover ,.info-item .info-li-heading2 a:hover { background-color: #fff; } .info-item span { margin-right: 5px; } .info-item .info-li-body .info-li-item .info-li-time { float: right; } .info-item2 .info-li-body2 .info-li-item .info-li-title1 { width: 60%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .info-item3 .info-li-body3 .info-li-item .info-li-title1 { width: 60%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .info-item3 .info-li-body3 .info-li-item .info-li-title3 { width: 80%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .info-item .info-li-body .info-li-item .info-li-title { width: 70%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .info-li-body ul , .info-li-body2 ul, .info-li-body3 ul { background-color: #fff; padding: 0; padding: 18px; } .info-li-body ul li , .info-li-body2 ul li, .info-li-body3 ul li { list-style: none; display: block; padding: 5px 0;overflow:hidden; } .info-li-body ul li a ,.info-li-body2 ul li a,.info-li-body3 ul li a { text-decoration: none; color: #666; font-size: 12px; } .info-bk .info-item2 { padding: 5px; } .info-bk .info-bg { transition: all 0.5s cubic-bezier(0.29, 1.02, 1, 0.93); position: relative; border: 1px solid #C7DCEC; border-radius: 10px; background-color: #A1C4DF; padding: 10px; } .info-bk .info-bg:hover { transform: translateY(-8px); } .info-bg .info-li-heading3 { background-image: url(../img/information/title1.png); background-position: center; background-repeat: no-repeat; /*margin: 0 15px;*/ } .info-bg .info-li-heading3 a { text-decoration: none; } .info-li-heading3 h4 { color: #666; font-weight: 700; padding: 10px 0; border-radius: 25px; border: 1px solid #C7DCEC; margin-left: 150px; margin-right: 150px; background-color: #fff; } .info-item2 .info-li-body2 .info-li-item .info-li-time { float: right; } .info-item2 .info-li-body2 .info-li-item .info-li-title { /*width: 98%;*/ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*.info-li-body2 ul { background-color: #fff; border-radius: 4px; padding: 0; padding: 18px; } .info-li-body2 ul li { list-style: none; display: block; padding: 5px 0; }*/ .info-li-body2 ul li a { text-decoration: none; color: #666; font-size: 12px; } .info-bk .info-item3 .info-li-heading4 a { text-decoration: none; } .info-bk .info-item3 .info-li-heading4 ,.info-bk .info-item3 .info-li-body3 { margin: 0 5px; border-bottom: 8px solid #96CDB1; } .info-li-heading4 h4 { width: 170px; color: #fff; font-weight: 700; margin: 0; padding:18px 0 10px 0; /*padding-left: 20px;*/ background-color: #96CDB1; border-radius: 8px 8px 0 0; } .info-bk .info-item3 { margin-top: 6px; margin-bottom: 6px; } /*.info-bk .info-li-body3 { margin: 0 5px; border-bottom: 8px solid #A1C4DF; }*/ .info-item3 .info-li-body3 .info-li-item .info-li-time { float: right; } .info-item3 .info-li-body3 .info-li-item .info-li-title { /*width: 98%;*/ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .info-bk .re-img { height: 66px; background-image: url(../img/regular/c.jpg); border-radius: 5px; margin: 35px 0; } .re-img .a { padding: 5px 60px; } /*information_list.html*/ .info-li-bo .panel { margin-top: 20px; margin-bottom: 60px; border-radius: 15px; box-shadow: 0 0 0px #77CED5; } .info-li-bo .panel-default { padding: 35px 45px; border: none; } .info-li-bo .panel-default .panel-heading { padding: 0; background-color: #FFF; border-bottom: 4px solid #96CDB1; } .panel-heading h4 { width: 170px; color: #fff; font-size: 20px; font-weight: 700; margin: 0; padding:18px 0 10px 0; background-color: #96CDB1; border-radius: 8px 8px 0 0; } .info-li-bo .panel-default .panel-heading a { text-decoration: none; } .info-li-bo .panel-default .panel-heading span { margin-right: 10px; } .info-li-bo .panel-default .panel-heading .icon-reply { margin-top: -18px; float: right; color: #96CDB1; } .info-li-bo .info-li-list .panel-body { margin: 0; padding: 20px 20px; position: relative; overflow: hidden; } .panel-body img { margin: 0 auto; margin-bottom: 20px; max-width: 60%; } .panel-body .info-contact { margin: 0 auto; } .info-li-list ul { padding: 0; } .info-li-list ul li.info-li-item { list-style:none; display: block; border-bottom: 1px dotted #EBEBEB; padding: 8px 0; } .info-li-item a { font-size: 12px; color: #666; } .info-li-item .info-li-title { display: block; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .info-li-item .info-li-time { float: right; } .info-li-bo .panel-default .panel-footer { background-color: #96CDB1; padding: 10px 0; margin: 0 auto; border-radius: 0 0 8px 8px; } .panel .pager { margin: 0; } .panel-footer ul { background-color: #96CDB1; } .panel-footer ul li { list-style: none; display: inline-block; padding: 3px 3px; } /*information_detail.html*/ .info-li-bo .info-dt-nav { border-bottom: 5px solid #96CDB1; position:relative; margin-top: 20px; padding-bottom: 10px; } .info-dt-nav .breadcrumb { margin-left:40px; margin: 0; padding: 0; background-color: #fff; width: 60%; } .breadcrumb li a { color: #aaa; } .breadcrumb li.active { color: #96CDB1; margin-bottom:-6px; } .info-li-bo { position: relative; overflow:hidden; } .info-li-bo .info-dt-info { color: #aaa; font-size: 12px; float: right; padding-top: 2px; float:right; } .info-li-bo .info-dt-info span { margin-right: 10px; } .info-li-bo .info-dt-info { float: right; } .info-li-bo .info-dt-content { width:100%; padding: 20px 39px; /*margin-bottom: 50px;*/ border-bottom: 5px solid #96CDB1; text-align: justify; word-wrap:normal; word-break:break-all; color: #666; font-size: 16px; line-height: 2.0; overflow:hidden; } @media (min-width: 768px) { .header.is-fixed{position:fixed;top:0;left:0;right:0;z-index:100} .header.is-fixed.is-small{padding-top:1em;padding-bottom:1em} .header.is-fixed.is-light{color:#fff} .header.is-fixed.is-light a{color:inherit} .header.is-fixed.is-light svg{fill:#fff} } /*information_search.html*/ .panel-heading p { font-size: 12px; color: #000; } .panel-heading p span { font-size: 14px; color: red; } .info-footer { font-size: 12px; background-color: #202020; color: #959595; padding: 35px 0; } .info-footer .info-yqlj { float: left; width: 360px; border-right: 1px solid #2d2d2d; } .info-footer h5 { font-size: 14px; margin-bottom: 30px; color: #bebdbd; } .info-footer .info-yqlj a { color: #8a8784; } .info-footer .info-foot { float: left; padding-left: 60px; }