@charset "utf-8"; /* CSS Document */ /*通用*/ /*外边距*/ .mt-0{margin-top: 0;} .mt-5{margin-top: 5px;} .mt-10{margin-top: 10px;} .mt-15{margin-top: 15px;} .mt-20{margin-top: 20px;} .mt-25{margin-top: 25px;} .mt-30{margin-top: 30px;} .mt-35{margin-top: 35px;} .mt-40{margin-top: 40px;} .mt-50{margin-top: 50px;} .mb-0{margin-bottom: 0;} .mb-5{margin-bottom: 5px;} .mb-10{margin-bottom: 10px;} .mb-15{margin-bottom: 15px;} .mb-20{margin-bottom: 20px;} .mb-30{margin-bottom: 30px;} .mb-40{margin-bottom: 40px;} .mb-50{margin-bottom: 50px;} .ml-0{margin-left: 0;} .ml-5{margin-left: 5px;} .ml-10{margin-left: 10px;} .ml-15{margin-left: 15px;} .ml-20{margin-left: 20px;} .ml-30{margin-left: 30px;} .ml-40{margin-left: 40px;} .ml-50{margin-left: 50px;} .mr-0{margin-right: 0;} .mr-10{margin-right: 10px;} .mr-15{margin-right: 15px;} .mr-20{margin-right: 20px;} .mr-30{margin-right: 30px;} .mr-40{margin-right: 40px;} .mr-50{margin-right: 50px;} /*内填充*/ .pt-0{padding-top: 0;} .pt-5{padding-top: 5px;} .pt-10{padding-top: 10px;} .pt-20{padding-top: 20px;} .pb-0{padding-bottom: 0;} .pb-5{padding-bottom: 5px;} .pb-10{padding-bottom: 10px;} .pb-20{padding-bottom: 20px;} .pl-0{padding-left: 0;} .pl-5{padding-left: 5px;} .pl-10{padding-left: 10px;} .pl-20{padding-left: 20px;} .pr-0{padding-right: 0;} .pr-5{padding-right: 5px;} .pr-10{padding-right: 10px;} .pr-20{padding-right: 20px;} .pr-80{padding-right: 80px;} .pd-0{padding: 0;} .pd-5{padding: 5px;} .pd-10{padding: 10px;} .pd-15{padding: 15px;} .pd-20{padding: 20px;} .pd-30{padding: 30px;} .pd-40{padding: 40px;} /*文字+段落*/ .f-12{font-size: 12px;} .f-13{font-size: 13px;} .f-14{font-size: 14px;} .f-16{font-size: 16px;} .f-18{font-size: 18px;} .f-20{font-size: 20px;} .f-22{font-size: 22px;} .f-24{font-size: 24px;} .f-26{font-size: 26px;} .f-28{font-size: 28px;} .f-30{font-size: 30px;} .f-songti{font-family: "SimSun", "宋体";} .text-ind2em{text-indent: 2em;} .f-bold{font-weight: bold;} .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{margin-bottom: 20px;padding: 0px 10px;} .row{padding: 0px 10px;margin:0px -20px;} .container{padding: 0px 20px;} /*默认*/ a{color: #666; text-decoration: none; outline: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} a:hover,a:active,a:focus{color: #8a0019; text-decoration: none;} ol,ul{list-style: none; padding-left: 0;margin:0px;} .text-ellipsis{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .bg-fff{background-color: #fff;} .clearfix{overflow:hidden;} .clearfix:after, .clearfix:before { content: " "; display: table;} .clearfix:after { clear: both;} /*网页去色写法*/ .qm-activity{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .qm-activity:hover{/*去色恢复*/ filter: grayscale(0); filter: none; } /*当前颜色 input框颜色*/ .form-control:focus{border-color: #0148a4; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 72, 164, 0.6);} .form-control:focus::-moz-placeholder{color: #0148a4; opacity: 1;} .form-control:focus:-ms-input-placeholder{color: #0148a4;} .form-control:focus::-webkit-input-placeholder{color: #0148a4;} img{max-width: 100%;} img.fill{width: 100%; height: 100%;} body{overflow-x: hidden; width: 100%;} .top_sprite{background: url('../images/top_sprite.png') 0px 0px no-repeat;display: inline-block;*display: inline;*zoom:1;} /*------头部节日图片下拉------*/ .top_festival_box{display: block;position: relative;text-align:center;} .top_festival_area{display: inline-block;*display:inline;*zoom:1;position: relative;} .top_festival_area img.pic-festival{width: 100%;height:auto;max-height: 400px;} .top_festival_close{display: inline-block;*display:inline;*zoom:1;position: absolute;top: 0px;right: 30px;width: 32px;height: 32px;text-align: center;cursor: pointer;background-position: -32px 0px;} .top_festival_close img{max-width: 100%;max-height: 100%;} .top_festival_open{ text-align: center; background-color: #5e8579; -moz-box-shadow: 0px 2px 4px #ccc; -webkit-box-shadow: 0px 2px 4px #ccc; box-shadow: 0px 2px 4px #ccc; position: absolute; top: 0px; right: 30px; width: 32px; height: 32px; cursor: pointer; z-index: 2; padding: 8px; display: none; background-position: 0px 0px; } /*------头部顶拦------*/ .topbar { color: #333; font-size: 12px; letter-spacing:1px; width: 100%; height: 35px; line-height: 35px; background-color: #f8f8f8; border-bottom: 1px solid #e7e7e7; } .topbar1{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAiCAIAAAARTyRGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NkU3MDEzRDhBOTIxMUU4OEI2Q0RERjJEQzI3NDc1NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NkU3MDEzRThBOTIxMUU4OEI2Q0RERjJEQzI3NDc1NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk2RTcwMTNCOEE5MjExRTg4QjZDRERGMkRDMjc0NzU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk2RTcwMTNDOEE5MjExRTg4QjZDRERGMkRDMjc0NzU1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Fdsf5wAAADlJREFUeNqMjDEKADAMAoP/f3LURtKlW4dDURG2UVXfyIJlSLoQjFIg+ZCs2btJ35N5fbr9ivoIMADhikSm1qIIRQAAAABJRU5ErkJggg=="); background-repeat: repeat-x; background-size: contain;} .topbar2{background: #fff;border-bottom: 1px solid #e7e7e7;} .topbar_nav_left{margin:0px;padding: 0px;} .topbar_nav_left li{position:relative;color:#333;font-weight:normal;font-size:12px;line-height:35px;float:left;padding-right:10px;text-align:center; cursor:pointer;} li.topbar_hide{padding: 0px 5px;} li.topbar_nav_v{background:#fff;border:1px solid #e7e7e7; border-bottom:1px solid #fff; line-height:35px; height:35px;position:relative;} li.topbar_nav_v .bdnuarrow{ transform:rotate(180deg);} .topbar_hide_box{display:none;min-width:150px;font-size:12px;position:absolute;left:-1px;top:34px;overflow:hidden;padding:10px 10px 0px;z-index:2;border:1px solid #e7e7e7; border-top:none; background: #fff;-moz-box-shadow:0 3px 3px #e3e3e3;-webkit-box-shadow:0 3px 3px #e3e3e3;box-shadow:0 5px 5px #e3e3e3;/* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#e3e3e3')"; /* For IE 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#e3e3e3');} .offcn0TopMobile{width:220px;} li.topbar_nav_v .topbar_hide_box{display: block;} .topbar li span,.topbar li em{vertical-align: middle;} .topbar li .bdnuarrow{ width: 10px; height: 5px; margin-left: 3px; font-size: 0; line-height: 0; display: inline-block; *display: inline; *zoom:1; vertical-align: middle; position: relative; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #999; transition: .3s ease-in } .offcn0TopMobile dl{margin-bottom:10px;} .offcn0TopMobile dl dt{float:left;height:20px;color:#ef2d36;line-height:18px;padding:0px 3px 0px 5px;border:1px solid #f32b38;margin-right:6px; font-size:12px;text-align: left;position: relative;} .offcn0TopMobile dl dd{float:left;line-height:20px;color:#666;width:118px; font-size:12px;text-align: left;margin-bottom: 0px;} .offcn0TopMobile dl dt .arrowright { width: 0; height: 0; font-size: 0; line-height: 0; display: block; position: absolute; top: 5px; right: 1px; } .offcn0TopMobile dl dt .arrowright em,.offcn0TopMobile dl dt .arrowright i { width: 0; height: 0; font-size: 0; line-height: 0; display: block; position: absolute; border: 4px solid transparent; border-style: dashed dashed dashed solid; } .offcn0TopMobile dl dt .arrowright em { border-left-color: #f32b38; left: 1px } .offcn0TopMobile dl dt .arrowright i { border-left-color: #fff; left: 0 } .icon_app{width: 32px;height: 32px;background-position: -64px 0px;} .icon_phone{width: 32px;height: 32px;background-position: -96px 0px;} .icon_weixin{width: 32px;height: 32px;background-position: -192px 0px;} .icon_weibo{width: 32px;height: 32px;background-position: -160px 0px;} .icon_qq{width: 32px;height: 32px;background-position: -128px 0px;} .weather_iframe{margin-top: 9px;} .topbar_nav_right{margin: 0px;height: 35px;overflow: hidden;} .topbar_nav_right li{position:relative;color:#333;font-weight: normal; font-size:12px;line-height:35px; float:left;padding-left:10px;text-align:center; cursor:pointer;} .topbar_nav_right li hr{border:none;border-right: 1px solid #999;height: 10px;width: 1px;padding-right:10px;margin:0px;display:inline-block;*display:inline;*zoom:1;vertical-align: middle;} .topbar_nav_right li:last-child hr{border-right:none;width: 0px;} .topbar_nav_right .zg_top_tel{color:#e60000;} .topbar_nav_right .zg_top_tel em{margin-right:3px;display:inline-block;*display:inline;*zoom:1;background:url("../images/icon_call.gif") 0px 0px no-repeat;width:18px; height:17px;} /*------浮动块------*/ #floatimg{z-index: 11;} .flimg{max-width: 250px;max-height: 250px;display: block;} .duilian{width: 102px;display: none; overflow: hidden; top: 160px;z-index: 11;} .duilian_con {border: #ccc 1px solid; width: 100px; height: 300px; overflow: hidden; } .duilian_close {text-align: center; line-height: 24px; width: 100%; display: block; height: 24px;cursor: pointer;} /*------头部------*/ .header{width: 100%;overflow: hidden;padding: 1.5rem 0px;} .head_title,.head_title tr,.head_title tbody{width: 100%;} .head_title td.tdw3{width: 31%;} .head_title td.tdw4{width: 46%;} .head_title td.tdw2{width: 23%;text-align: center;} .head_title td.tdw7{width: 77%;} .head_title td.tdw0{width: 0%;} .head_logo{max-width: 100%;max-height: 100px;display: inline-block;*display:inline;*zoom:1;vertical-align: middle;} .top_swiper{text-align: center;position: relative;max-width: 100%;max-height: 100px;display: inline-block;*display:inline;*zoom:1;vertical-align: middle;} .top_swiper .top_swiper-slide img{max-width: 100%;max-height: 100%;} .kuaijie{padding: 10px 0px;text-align: center;} .kuaijie a{padding: 0px 5px;color: #333;font-size: 14px;} .kuaijie a hr{border:none;border-right: 1px solid #999;height: 10px;width: 1px;padding-right:10px;margin:0px;display:inline-block;*display:inline;*zoom:1;vertical-align: middle;} .kuaijie a:last-child hr{border-right:none;width: 0px;} .searchform { border: 1px solid #ccc; position: relative; overflow: hidden; max-width: 280px; border-radius: 1rem; box-sizing: border-box; display: inline-block;*display:inline;*zoom:1; } .searchform .searchform_input { width: 100%; border: none; padding: .4rem 1rem; font-size: .9rem; padding-right: 3rem; outline: none; background-color: #fff; height: 35px; } .searchform .searchform_Sub { position: absolute; right: 0; top: 0; border: none; background:transparent; width: 2.8rem; height: 100%; cursor: pointer; outline: none; z-index: 2; } .searchform .icon-search{ position: absolute; right: 0; top: 0; border: none; background: #8a0019; display: inline-block; width: 2.8rem; font-size: 1.2rem; text-align: center;line-height: 35px; color: #fff; height: 100%; } /*------导航1------*/ .header_nav{ background: #8a0019 repeat center center; background-size: cover; height: 45px; position: relative; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); } .navbar{ padding: 0px; width: 100%; } .header_nav .navbar .navbar-nav{width: 100%;} .header_nav .navbar li.nav-item{position: relative;} .header_nav .navbar li.nav-item .nav-link{ color: #fff; width: 100%; padding:16px 0px; height: 45px; text-align: center; white-space: nowrap; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .header_nav .navbar .nav-item a.nav-link .r-line{ display:block; padding: 0px 5px; font-weight: normal; font-size: 16px; line-height: 13px; border-right: 1px solid #d4d4d4; border-left: 1px solid #c4c4c4; position: relative; vertical-align: text-bottom; } .header_nav .navbar .nav-item:first-child a.nav-link .r-line{ border-left: none; } .header_nav .navbar .nav-item:last-child a.nav-link .r-line{ border-right: none; } .header_nav .navbar .active > .nav-link{ background-color: rgba(0, 0, 0, 0.2); } .header_nav .navbar .navbar-nav .nav-link:focus, .header_nav .navbar .navbar-nav .nav-link:hover { background-color: rgba(0, 0, 0, 0.2); } .header_nav .navbar li.nav-item .node{ position: absolute; top: 45px; left: 0px; background-color: rgba(255,255,255,0.9); border: 1px solid #dddddd; z-index: 3; min-width: 90px; -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2); box-shadow:0 5px 10px rgba(0,0,0,0.2); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box; padding:15px; } .header_nav .navbar li.nav-item .node li a { line-height: 40px; display: block; border-bottom: 1px solid #ddd; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing:1px; color:#666; } .header_nav .navbar li.nav-item .node li:hover a { color: #ff7200; } .header_nav .navbar li.active > .nav-link{ background-color: rgba(0,0,0,.2); color: #fff ; border-top: 3px solid #8a0019; margin-top: -3px; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); } @media screen and (max-width: 991px) { .header { margin-top: 60px; padding: 0px; } .header_nav { position: fixed; top: 0px; left: 0px; z-index: 11; width: 100%; height: 60px; } .header_nav .container .navbar{ padding: 10px 0px; } .header_nav .container .navbar .logo_text{font-weight: bold; font-size:1rem;line-height:40px; padding-left:3px; display: inline-block;vertical-align: middle;color:#fff;} .header_nav .container .navbar .navbar-brand{padding: 0px;margin:0px;} .header_nav .container .navbar .navbar-toggler { position: relative; border-color: rgba(255, 255, 255, 0.8); outline: none; height: 35px; } .header_nav .container .navbar .navbar-toggler.collapsed { background-color: rgba(255, 255, 255, 0.4); } .header_nav .navbar .navbar-toggler .icon-bar{ background-color: #fff;transition: all .3s ease-in-out;display: block;width: 22px;height: 2px;border-radius:1px;} .header_nav .navbar .navbar-toggler .icon-bar:nth-child(3){ display: none;} .header_nav .navbar .navbar-toggler .icon-bar:nth-child(2){ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .header_nav .navbar .navbar-toggler .icon-bar:nth-child(4){ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -1px; } .header_nav .navbar .navbar-toggler.collapsed .icon-bar:nth-child(3){ display: block;} .header_nav .navbar .navbar-toggler.collapsed .icon-bar{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); margin-top: 4px; } .header_nav .container .navbar .navbar-collapse { width: 100%; position: fixed; left: 0; top: 60px; padding-top: 0px; padding-right: 80px; background-color: rgba(0, 0, 0, 0.2); height: 100%; overflow-y: scroll; } .header_nav .container .navbar .navbar-nav { background-color: #8a0019; margin: auto; min-height: 100%; overflow: hidden; overflow-y: scroll; padding-bottom: 100px; } .header_nav .container .navbar .navbar-nav .nav-item { flex-grow: inherit; } .header_nav .container .navbar .navbar-nav .nav-item > a.nav-link { border-bottom: 1px solid rgba(0, 0, 0, 0.075); position: relative; border-top:none; margin:0px; } .header_nav .navbar .nav-item a.nav-link .r-line{border:none;} .header_nav .navbar .mainlevel a.nav-link:after { content: "\f107"; display: inline-block; font: normal normal normal 20px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 20px; top: 0; width: 45px; height: 45px; line-height: 45px; text-align: center; } .header_nav .navbar .mainlevel ul.node { position: relative; top:auto; left: 0px; border: none; background: rgba(255, 255, 255, 0.9); padding: 0 1rem; } .header_nav .navbar .mainlevel ul.node li a{ color: #666; } .header_nav .navbar li.active > .nav-link{ background-color: rgba(0,0,0,.2); color: #fff ; border-top: none; margin-top: 0px; -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow:none; } } /*------导航2------*/ .head{border-bottom: 2px solid #F08519;background-color: #fff;} .img-logo{height: 60px;display: inline-block;*display: inline;*zoom:1;float: left;} .img-logo img{max-height: 100%;} .menu-box{float: right;} .search_bar { position: relative; float: right; width: 40px; height: 40px; margin-top: 10px; } .search_bar_input{ position: absolute; top: 0; right: 100%; border: none; outline: none; height: 40px; line-height: 40px; font-size: 16px; color: #666; background: #fdfdfd; width: 0%; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; } .search_ico,.search_btn{ width: 40px; height: 40px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; border:0; line-height: 40px; cursor: pointer; } .search_btn{background: transparent;z-index: 1;outline: none;} .search_ico{background: #F08519;font-size: 25px;text-align: center;color:#fff;} .search_open{width: 250px !important;padding:0px 5px;border: 1px solid #999;} @media screen and (max-width: 866px) { .img-logo{display: none;} } /*------banner1------*/ .swiper1{position: relative;} .swiper-slide{text-align: center;} .swiper1-slide img{width: 100%;max-height: 100%;margin:0px auto;} .swiper1-slide a{position: relative;display: inline-block;*display: inline;*zoom:1;width: 100%;height: 100%;} .swiper-slide span.banner_text{position: absolute;bottom: 0px;left: 0px;width: 100%;padding: 5px 10px 25px;background-color: rgba(0,0,0,.5);color: #fff;font-size: 14px;text-align: center;} .swiper1 .swiper-pagination{bottom: 0px;} /*------banner2------*/ .swiper2{ overflow:hidden; position:relative;width:100%;} .swiper2 ul{overflow:hidden;} .swiper2 ul li{float:left;width:100%;height:100%;position:absolute;} .swiper2 ul li a{display:block;width:100%;height:100%;position: relative;} .swiper2 ul li span{padding: 5px 10px 45px;font-size: 16px;} .swiper2 .swiper2_nav{position:absolute;left:0px;bottom:0px;width:100%;text-align: center;padding: 10px;} .swiper2 .swiper2_nav i{display:inline-block;width:27px;height:24px;margin:0 5px;line-height:3px;text-align: center;vertical-align: middle;cursor: pointer;background:url(../images/dian2.png) no-repeat left center;} .swiper2 .swiper2_nav i.now{display:inline-block;width:27px;height:24px;margin:0 5px;line-height:3px;text-align: center;vertical-align: middle;cursor: pointer;background:url(../images/dian2.png) no-repeat right center;} .swiper2-cont{position: absolute;left: 0px;top: 10%;width: 100%;} .swiper2_text_logo{width: 100%;text-align: center;} .swiper2_text_logo img{width: auto;max-width: 100%;margin:0px auto;} .box3{text-align: center;position: relative;} .box3 a{display: inline-block;*display: inline;*zoom:1;cursor: pointer;position: relative;} .box3 .img{ background: url(../images/home_block1_box3_bg2.png);display:inline-block;padding:12%;box-sizing: border-box; -webkit-animation:swinging 30s linear 0s infinite; animation:swinging 30s linear 0s infinite; border-radius: 100%; } .box3 p{position: absolute;top:40%;left: 0px;text-align: center;font-size:4vh;line-height: 40px;margin-top: -50px;color: #fff;width: 100%;white-space: nowrap;} .box3 img:hover{animation-play-state:paused;} @-moz-keyframes swinging { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-o-keyframes swinging { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-webkit-keyframes swinging{ 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes swinging{ 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .swinging { -webkit-animation-name: swinging; -moz-animation-name: swinging; -o-animation-name: swinging; animation-name: swinging; } @media(max-width:768px) { .swiper2-cont{top: 5%;} .box3 .img{width: 75%;margin-bottom: 6%;padding:5%;} } .swiper_nav_left .swiper-slide span.banner_text{text-align: left;padding: 10px 100px 10px 20px;} .swiper_nav_left .swiper-pagination{right: 10px;width: auto;left: auto;} .swiper1.swiper_nav_left .swiper-pagination{padding: 10px;} .main-container { /*background: transparent url(../images/i/bg1.jpg) repeat center center; background-size: 100% 100%;*/ padding: 0px 0px 0px; } /*.main-container .container { padding-top: 30px; }*/ /*------three_col------*/ .meta_title{ width: 100%; background: transparent; padding: 0px; height: 40px; box-sizing: border-box; } .meta_title span{ display: inline-block; *display: inline; *zoom:1; position: relative; padding: 5px 10px; font-size:18px; line-height: 30px; background-color: transparent; color: #333; height: 40px; } .meta_title span .arrowdown{ } .meta_title span img{ width: 30px; height: 30px; margin-right: 10px; vertical-align: middle; } a.meta_more{ color: #999; font-weight: normal; font-size:12px; line-height: 40px; display: inline-block; float: right; margin-right: 10px; } a.meta_more:hover { font-weight: bold; color: #8a0019; } .meta_news { padding:0px; margin:15px 0px 0px; } .meta_news .meta_top { border-bottom: 1px dashed #ddd; padding-bottom: 5px; margin-bottom: 5px; overflow: hidden; } .meta_news .meta_top h5 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; display: block; color: #666; } .meta_news .meta_top p.meta_top_con{ font-size: 14px; line-height: 20px; text-indent: 28px; height: 80px; text-align: justify; white-space: normal; margin-bottom: auto; color: #666; overflow: hidden; } .meta_news .meta_top p.meta_top_imgcon{ font-size: 14px; line-height: 20px; text-indent: 28px; height: 120px; text-align: justify; white-space: normal; margin-bottom: auto; color: #666; } .meta_news .meta_top p.meta_top_imgcon img { float: left; width: 120px; height: 80px; margin-right: 5px; display: flex; } .meta_news li { position: relative; line-height: 28px; background:url(../images/jian.png) no-repeat 0 50%;padding-left:12px; } .meta_news li a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; padding-right: 40px; padding-left: 0px; font-size: 14px; color: #666; text-align: left; } /* .meta_news li a:hover { color: #f78129; } */ .meta_news li span { position: absolute; right: 0; top: 0; font-size: 13px; color: #999; } .meta_cont{} .meta_cont .meta_title{ border-bottom: 2px solid #e9280c; } .meta_cont .meta_title span{ background-color: #e9280c; color: #fff; } .meta_cont .meta_title span .arrowdown{ position: absolute; top: 40px; left: 40%; display: inline-block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #e9280c; } .meta_cont .meta_news li{background: transparent;padding: 0px;border-bottom:1px dotted #dbdbdb;} .meta_cont2{border:1px solid #bfcadc;border-top: 2px solid #143B88;} .meta_cont2 .meta_title{ background: #DEE6F9; } .meta_cont2 .meta_title span{ color: #183883; } .meta_cont2 .meta_title span .arrowdown{ } .meta_cont2 .meta_news { padding:0px 10px; margin-bottom: 15px; } .meta_cont2 .meta_news li{background: transparent;padding: 0px;} .meta_cont3{} .meta_cont3 .meta_title{ border-bottom: 1px solid #ccc; } .meta_cont3 .meta_title span{ border-bottom: 3px solid #e9280c; color: #333; } .meta_cont3 .meta_title span .arrowdown{ } .meta_cont3 .meta_news li{background: transparent;padding: 0px;border-bottom:1px dotted #dbdbdb;} .shortcut{padding-bottom: 10px; margin-bottom: -10px;} .shortcut ul li{ float: left; width: 33%; text-align: center; } .shortcut ul li a{width: 100%;padding: 0px;text-align: center;} .shortcut img{ width: 54px; height:54px; } .shortcut p{ font-size: 14px; margin: 3px 0px 10px; color: #666; } .shortcut .shortcut-p1{bottom: 0px;} .shortcut .shortcut-p1 span{width: 8px;height: 8px;border-radius: 100%;} .meta_tab{border-top:none !important;} .meta_title_tab{float: left;} .meta_tab .meta_title_tab.active{background: #1C3D84;border-top: 2px solid #F2851C;color: #fff;} .wrap_mode02{background:url(../images/mode_bg01.jpg) no-repeat top center;background-size: 100% 100%;padding-bottom: 15px;} .wrap_mode02 ul{margin-bottom: 15px;} .wrap_mode02 .listTitle01{padding:15px 0;} .wrap_mode02 .lf{width: 29.1%;float: left;margin-left: 2%;height: 550px;overflow: hidden;} .listTitle01{padding:25px 0;line-height: 1.5;} .readMore{float: right;font-weight: bold;color:#005bac;font-size: 12px;} .listTitle01 h2{font-size: 18px;color: #333;} .bjtu-list03{} .bjtu-list03 li {font-size: 16px;background-color: #fff;margin-top: 12px;border-left: 4px solid #eea200;border-radius: 5px 0 0 5px;padding:5px 15px 6px;transition: all 0.3s ease-in-out;} .bjtu-list03 li > a{display: block;line-height: 24px;height: 48px;overflow:hidden;color: #666;} .bjtu-list05 li:first-child,.bjtu-list03 li:first-child{margin-top: 0} .wrap_mode02 .md{width: 37.66%;float: left;} .mode02Md{margin:0px;background-color: #fff;padding:0 30px;box-shadow: 4px -2px 14px rgba(0,0,0,0.1);border-radius: 0 0 5px 5px;padding-top: 10px;margin-top: -10px;position: relative;height:556px;overflow: hidden;} .mode02Md:before,.mode02Md:after{content: '';width: 0;height: 0;border-bottom: 10px solid #9bafc7;position: absolute;top: 0;} .mode02Md:before{border-left: 10px solid transparent;left: -10px;} .mode02Md:after{border-right: 10px solid transparent;right: -10px;} .bjtu-new2 {letter-spacing: 0.5px;} .bjtu-new2 h3{font-size: 16px;color:#0a62b0;line-height: 24px;height: 48px;overflow:hidden;} .bjtu-new2 h3 a{color:#0a62b0;} .bjtu-new2 p{line-height:20px;height: 40px;overflow:hidden;color:#666;margin-bottom: 10px;} .bjtu-list04 {padding:0px;border-top: 1px solid #e5e5e5;margin:0px;} .bjtu-list04 li{height: 47px;line-height: 47px;font-size: 16px;position: relative;padding-left: 12px;overflow:hidden;} .bjtu-list04 li a{color: #666;} .bjtu-list04 li:before{content: '';width: 4px;height: 4px;background-color: #005bac;position: absolute;left: 0;top: 50%;margin:-2px 0 0;} .wrap_mode02 .rt{width: 29.1%;float: right;margin-right: 2%;height: 550px;overflow: hidden;} .bjtu-list05 li{background-color: #fff;border-radius: 20px 0 20px 0;padding:5px 15px 6px 7px;overflow:hidden;margin-top: 11px;transition: all 0.3s ease-in-out;} .bjtu-list05 li:first-child,.bjtu-list03 li:first-child{margin-top: 0} .list-date05{width: 56px;height: 49px;border-right: 1px solid #c0c9d2;float: left;text-align: center;} .list-date05 strong,.list-date05 i{display: block;font-style: italic;color:#4ba509;font-family: 'Arial' } .list-date05 strong{font-size: 20px;line-height:25px;font-weight: bold;margin-top: 5px;} .list-date05 i{font-size: 13px;} .bjtu-list05 li a{display: block;margin-left: 63px;height: 48px;line-height: 24px;overflow:hidden;font-size: 16px;color: #666;} .bjtu-list05 li:hover,.bjtu-list03 li:hover{box-shadow: 0 2px 5px rgba(0,0,0,0.2)} @media (max-width: 992px){ .wrap_mode02 .lf{width: 100%;margin:0px 0px 25px;} .wrap_mode02 .md{width: 100%;} .wrap_mode02 .rt{width: 100%;margin:0px;} .mode02Md{ margin-left: 0px; margin-right: 0px; } .bjtu-list03{margin-bottom: 40px;} .bjtu-list03,.bjtu-list04,.bjtu-list05{margin-bottom: 30px;} } .swiper_news2 .swiper-slide span.banner_text{padding: 5px;} /*------two_col------*/ .meta_news_list li{ border-bottom: 1px dashed #828282; margin-bottom: 12px; padding-bottom: 12px;} .meta_news_list li:last-child{ border-bottom: none; margin-bottom: auto; padding-bottom: 0;} .meta_news_list li a:hover p{ color: #025a3d;} .meta_news_list .date{ width: 60px; height: 70px; display: block; background-color: #f1f1f1; text-align: center; color: #025a3d; float: left; margin-right: 10px;font-size: 14px;} .meta_news_list .date strong{ display: block; line-height: 35px; font-size:25px;margin-top: 5px;} .meta_news_list h4{font-weight: bold;text-overflow: ellipsis; white-space: nowrap;overflow: hidden; margin: 0px;font-size: 16px;line-height: 30px;} .meta_news_list p{ color: #666; line-height: 20px; height: 40px; overflow: hidden; margin-bottom: auto;font-size: 14px;} .swiper_news .swiper-slide span.banner_text{padding: 5px;} .rollList{height: 200px;overflow: hidden;margin-bottom: 0px;} .rollList.rollList2{height:242px;} .swiper-pagination.swiper_pnews3{bottom: 0px;} .swiper-pagination.swiper_pnews3 span{width: 8px;height: 8px;border-radius: 100%;} .meta_cont4 .meta_title{border-bottom: 1px solid #dcdcdc;height: 39px;} .meta_cont4 .meta_title span{color: #333;} .meta_cont4 .meta_title .active{border:1px solid #dcdcdc; border-top:2px solid #eb1414;border-bottom: none;color: #eb1414;background-color: #fff;} .meta_cont4 .meta_news .meta_top h5{font-size: 20px;text-align: center;color: #eb1414;} /* 新闻轮播图*/ .demo{box-sizing: content-box;width:100%; height:372px; float:left; overflow:hidden; position:relative;} .demo ul li{ box-sizing: content-box;width:100%; position:absolute; left:0; top:0; height:372px; display:none;} .demo ul li img{width: 100%;height: 100%;} .num{ width:94px;box-sizing: content-box; height:281px; position:absolute; top:0; right:0; padding-top:22px;background:url(../images/path_lbg.png) repeat; overflow:hidden; padding-left:12px; z-index:3;} .num_cont{ height: 210px; overflow: hidden; } .num2{ box-sizing: content-box;width:81px; height:55px; margin-bottom:15px;} .num2 img{width: 100%;height: 100%;} .num a{ box-sizing: content-box;display:block; width:100%; height:55px; border:1px solid #c9c7bb;} .num a:hover,a.cur{ border:1px solid #F08519;} a.indexpath1_l{ box-sizing: content-box;width:100%; height:67px; background:url(../images/path_lbg.png) repeat; overflow:hidden; position:absolute; bottom:0; left:0; display:block;} .indexpath1_l1{ box-sizing: content-box;height:59px; padding-left:71px; background:url(../images/path1_l_1.png) no-repeat 15px 12px; line-height:26px; color:#bababa;padding-top:8px;} .indexpath1_l1 span{ font-weight:bold; font-size:14px; color:#e5e5e5;} .indexpath1_l2{box-sizing: content-box; height:59px; padding-left:71px; background:url(../images/path1_l_2.png) no-repeat 15px 12px; line-height:26px; color:#bababa;padding-top:8px;} .indexpath1_l2 span{ font-weight:bold; font-size:14px; color:#e5e5e5;} .indexpath1_l3{box-sizing: content-box; height:59px; padding-left:71px; background:url(../images/path1_l_3.png) no-repeat 15px 12px; line-height:26px; color:#bababa;padding-top:8px;} .indexpath1_l3 span{ font-weight:bold; font-size:14px; color:#e5e5e5;} .xyz{box-sizing: content-box; margin-top:10px; width:100%; height:50px;background:url(../images/path1_l3.png) no-repeat center; cursor:pointer;} .meta_choice span{cursor: pointer;} .meta_choice span.active{background: #1C3D84;border-top: 2px solid #F2851C;color: #fff !important;} .meta_cont_tab{width: 100%;} .meta_cont_tab .meta_news{height: 301px;overflow: hidden;} .indexpath2_l{overflow: hidden;width:100%;height:364px;background:#f2f2f2;} .indexpath2_l4{width:100%;height:40px;font-family:"SimHei"; background:url(../images/path2_rbg2.jpg) center no-repeat;background-size: 100% 100%;font-size:18px;} .indexpath2_l4 a{position: relative; box-sizing: content-box;float:left; height:40px; width:33.33%; text-align:center; padding-bottom:16px; display:block; line-height:40px; color:#fff;} .indexpath2_l4 a:hover,.indexpath2_l4 a:active,.indexpath2_l4 a:focus{color: #fff;} .indexpath2_l4 a .index_line,.indexpath2_l4 a .arraw_triangle{display: none;} .indexpath2_l4 a:hover .index_line,a.indexpath2_l4dq .index_line{ display: block; width: 86px; height: 4px; background-color: #fff; opacity: 0.3; filter: alpha(opacity = 30); position: absolute; left: 50%; top: 32px; margin-left: -43px; } .indexpath2_l4 a:hover .arraw_triangle,a.indexpath2_l4dq .arraw_triangle{ display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f08519; margin: 0px auto; } .indexpath2_l4 a .indexpath_text{display: inline-block;*display: inline;*zoom:1;width: 100%;border-right: 2px solid rgba(255,255,255,.5);} .indexpath2_l4 a:last-child .indexpath_text{border-right: 0px;} .indexpath2_l2{margin:10px 15px;} .indexpath2_l3{box-sizing: content-box; width:100%; height:20px;} .indexpath2_l3 a.indexpath_more{width: 20px;height: 18px;background: url('../images/index_jt.png') center no-repeat;display: block;float: right;} .indexpath2_l2 li{ padding-left: 15px; background: url(../images/path2_ljt.png) no-repeat 4px 15px; line-height: 30px; border-bottom: 1px solid #e1e1e1; float: left; width: 100%; height: 35px; } .indexpath2_l2 li a{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #666; text-decoration: none; font-size: 14px; padding:0px; display: block; line-height: 35px; } .indexpath2_l2 li a:hover{color:#0579bf;} .indexpath2_l2 li span{ font-size: 12px; line-height: 35px; padding:0px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #999; text-align: right; } .tip_new{vertical-align: middle;margin-left:3px;} /*出资企业*/ .new-h{ height: auto; margin-bottom: 13px; } .s-margin{ margin:24px 0px; } .s-cont{ width: 80%; margin:0 auto; } .s-cont img{ width: 50%; height: 93px; display: inline-block; *display: inline; *zoom:1; } .s-text{ text-align: center; font-size: 16px; line-height: 30px; color: #333; vertical-align: middle; line-height: 30px; width: 48%; height: 93px; box-sizing: border-box; display: inline-block; *display: inline; *zoom:1; } .s-margin .swiper-button-next,.s-margin .swiper-container-rtl .swiper-button-prev{ width:30px; height:30px; background:url("../images/top_sprite.png") -256px 0px no-repeat; position: absolute; right: 10px; top: 50%; margin-top: -15px; cursor: pointer; } .s-margin .swiper-button-prev,.s-margin .swiper-container-rtl .swiper-button-next{ width:30px; height:30px; background:url("../images/top_sprite.png") -224px 0px no-repeat; position: absolute; left: 10px; top: 50%; margin-top: -15px; cursor: pointer; } .new-h .company-cont{ border-top:1px solid #ccc; margin:10px 15px; padding: 10px 0px; line-height: 30px; font-size: 14px; color: #666; } .new-h .company-cont ul{ height: 60px; overflow: hidden; margin:0px; } .new-h .company-cont li a{ width: 50%; padding-left: 5px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left; display: block; color: #666; } /*图标*/ .go-method{ width: 100%; text-align: center; min-height: 75px; margin:0px; } .go-method li{ display: inline-block; width: 16%; padding: 7px 0px; cursor: pointer; text-align: center; background-color: #f3f3f3; float: left; } .go-method li img{ color: #c5c5c5; font-size: 36px; width: 36px; height: 36px; line-height: 36px; margin:3px; } .go-method li .go-method li:nth-of-type(odd){ background-color: #f3f3f3; } .go-method li:nth-of-type(even){ background-color: #f9f9f9; } .go-method li:hover i,.go-method li:hover p{ color: #FF9934 } .go-method li.w17{width: 16.6%;} .go-method li p{color: #666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin:0px;font-size: 14px;line-height: 20px;} /*项目建设*/ .project{ height: 174px; padding: 20px 0; padding-left: 92px; padding-right: 25px; background:url(../images/icon_b.jpg) ; } .project1 h4{padding:12px 11px;font-size: 22px;color: #fff;margin:0px;text-align: center;display: inline-block;*display: inline;*zoom:1;position: absolute;left: 40px;top: 20px;background: url('../images/two_col5_left.png') 0px 0px no-repeat;background-size: 100% 100%;} .p-cont{ display: inline-block; position: relative; height: 122px; margin:0px 10px; } .p-cont img{ width: 182px; height: 122px; } .p-cont .span-cont{ position: absolute; left: 0; right: 0; bottom: 0; height: 25px; line-height: 25px; color: #fff; text-align: center; font-size: 14px; background:rgba(0,0,0,.5); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .rollpic1{margin:6px auto;} /*专题专栏*/ .new-s{ height: 174px; } .new-s .meta_title{position: relative;} .content-text .s-img{ text-align: center; margin: 7px 0px; } .content-text .s-img img{ width: auto; height: 120px; max-width: 100%; } .topic{margin:5px;} .new-s .meta_title .swiper-topic{position: relative;width: auto;float: right;bottom: 0px;margin-top: 10px;} .swiper-topic .swiper-pagination-switch{width: 13px;height: 13px;padding:0px;border-radius: 100%;box-sizing:border-box;background-color: #000;opacity:0.5;} .swiper-topic .swiper-active-switch{background-color: #F08519;opacity:1;} .s-img,.s-img img{width: 100%;} /*------one_col------*/ .project2{background:#fff;padding: 0px 0px 0px 50px;position: relative;height: auto;} .project2 h4 { position: absolute; left: 0px; top:0px; background: #eb1414; text-align: center; font-weight: bold; color: #fff; margin:0px; } .project2 h4 a { color: #fff; width: 45px; height: 122px; padding-top: 5px; box-sizing: border-box; text-align: center; font-size: 18px; line-height: 28px; display: block; text-decoration: none; } .rollpic2{margin:0px;} .rollpic2 .p-cont img{ width: auto; height: 122px; } .firend_link { width: 100%; height: 34px; background: #fff; border: 1px solid #d2d2d2; line-height: 34px; position: relative; padding-left: 10px; border-radius:5px; margin-bottom: 15px; } .firend_link a { font-size: 14px; display: block; color: #333; } .firend_link a i{float: right;line-height: 34px;margin-right: 15px;} .firend_link_xl { position: absolute; width: 240px; max-height: 150px; overflow-y: scroll; background: #fff; border: 1px solid #d2d2d2; left: 0; padding: 0 20px; z-index: 1; } .firend_link_xl ul{margin:0px;} .firend_link_xl ul li{border-bottom: none;} .firend_link_xl ul li a { background: none; line-height: 34px; } .firend_link.hover a i{ position:relative; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s; top:-2px } .meta_news ul.indexyqlj li{float:left;border-left:1px solid #e0e0e0;padding:0px 10px;height:25px;line-height:25px;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .meta_news ul.indexyqlj li a{padding: 0px;width: 100%;} @media screen and (max-width: 600px) { .meta_news ul.indexyqlj li{width: 50%;} } .notice_cont{ background-color: #eee; padding: 20px 65px 20px 110px; position: relative; font-size: 14px; } .notice_cont .sub { position: absolute; left: 10px; top: 20px; padding-right: 10px; border-right: 2px solid #999; color: #9a7966; line-height: 20px; } .notice_cont .sub i{font-size: 20px;width: 20px;height: 20px;line-height: 20px;display: inline-block;*display: inline;*zoom:1;margin-right: 3px;vertical-align: middle;} #scroll_begin{width:100%;height:22px;line-height:22px;white-space: nowrap;overflow:hidden;margin:0px;} .notice_cont li{display: inline-block;*display: inline;*zoom:1;padding-right: 50px;} .notice_cont li h5{ font-size: 14px; color: #666; text-align: left; display: inline-block;*display: inline;*zoom:1; line-height:22px; vertical-align: middle; margin:0px; } .notice_cont li span{ font-size: 13px; color: #999; line-height:22px; vertical-align: middle; } .album{padding: 0px 30px;position: relative;} .album .swiper-slide{text-align: center;} .album .swiper-button-prev,.album .swiper-button-next{ width:30px; height:30px; background:url("../images/top_sprite.png") -224px 0px no-repeat; position: absolute; left: 0px; top: 50%; margin-top: -15px; cursor: pointer; } .album .swiper-button-next{ background:url("../images/top_sprite.png") -256px 0px no-repeat; left: auto; right: 0px; } .swiper_adv{position: relative;} .swiper_adv img{width: 100%;} .subject .swiper-slide{padding:0px 10px;box-sizing: border-box;} .subject .swiper-slide a{display: inline-block;position: relative;} .subject .swiper-slide img{width: 100%;} .subject .swiper-slide .span-cont{ width: 100%;height: 100%; position: absolute; left: 0; right: 0; bottom: 0; line-height: 3.5; color: #fff; text-align: center; font-size: 24px; background:rgba(0,0,0,.2); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /*------底部------*/ .footer { width: 100%; font-size: 14px; text-align: center; background: #8a0019; padding: 20px; color: #fff; } .footer p { margin-bottom: .3rem; } .footer a { color: #666; } .footer a:hover { color: #8a0019; } /*回到顶部*/ p#back-to-top { position: fixed; right: 20px; bottom: 20px; display: none; z-index: 11; } p#back-to-top a { text-align: center; text-decoration: none; color: #eee; display: block; width: 38px; height: 38px; line-height: 38px; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ -moz-transition: color 1s; -webkit-transition: color 1s; -o-transition: color 1s; } p#back-to-top a:hover { color: #fff; background-color: rgba(0, 0, 0, 0.6); } /*------列表页------*/ .insidePage{ background-color: #f2f1ec; min-height: 600px; } .insidePage .inside_left{margin: 20px 0px;} .insidePage .inside_right{margin:20px 0px;} .insidePage .inside_left .navbar-header{width: 100%;position: relative;} .insidePage .inside_left .navbar-toggle{position: absolute;right: 15px;top: 15px;background-color: transparent;color: #fff;border:none;outline: none;} .insidePage .inside_left .navbar-toggle span{line-height: 25px;color: #fff;font-size: 40px;} .insidePage .inside_left h4 { background-color: #8a0019; padding: 15px 10px; text-align: center; color: #fff; font-size: 18px; line-height: 25px; margin: 0px; width: 100%; } .icon_small{margin-right: 5px;vertical-align: middle;height: 25px;line-height: 25px;} .insidePage .inside_left ul.column-box { padding-left: 20px; background-color: #8a0019; text-align: center; margin:0px; } .insidePage .inside_left ul.column-box li { background-color: #ece3e3; border-bottom: 1px solid #fff; } .insidePage .inside_left ul.column-box li a { padding: 15px 10px; display: block; font-size: 16px; line-height: 25px; position: relative; color: #333; } .insidePage .inside_left ul.column-box li.active { background-color: #fff; } .insidePage .inside_left ul.column-box li.active a:after{ content: "\f0da"; font-family: "FontAwesome"; font-weight: bold; margin-left:10px; position: absolute; top:15px; line-height: 25px; } .insidePage .inside_left ul.column-box li:last-child { border-bottom: none; } .inside_title{background-color: #e9ecef;} .insidePage .inside_right h4 { padding: 0px 10px; text-align: center; color: #333; font-size: 20px; line-height: 50px; margin: 0px; } .insidePage .inside_right h4 i{margin-right: 5px;vertical-align: middle;height: 25px;line-height: 25px;} .insidePage .inside_right .crumbs { margin: 0px; padding: 0px 10px; } .insidePage .inside_right .breadcrumb{ padding:12px 0px; line-height: 26px; margin:0px; font-size: 12px; } .insidePage .inside_right .list_right{ /*border: 1px solid #ddd;*/ } .inside_box{ padding: 15px; border: 1px solid #ddd; } .inside_list{ width: 100%; margin-bottom: 20px; } .inside_list li{ border-bottom: 1px dashed #ccc; padding-bottom: 15px; margin-bottom: 15px; overflow: hidden; } .inside_list li:last-child{ border-bottom: none; padding: 0; margin-bottom: 0; } .inside_list li a{cursor: pointer;} .inside_list li .pic{ float: left; margin-right: .8rem; max-width: 200px; width: 45%; height: auto; } .inside_list li .pic img{ display: block; width: 100%; min-height: 100px; } .inside_list li .text .title { position: relative; font-size: 16px; font-weight: bold; line-height: 25px; display: block; color: #333; } .inside_list li .text .title span { position: absolute; right: 0; top: 0; font-size: 12px; line-height: 25px; color: #999; font-weight: normal; } .inside_list li .text .gg{ color: #777; font-size: 12px; margin:0px; margin-top: 5px; text-align: justify; } .inside_list li .text .con{ font-size: 14px; text-indent: 28px; line-height:20px; color: #666; text-align: justify; margin:0px; margin-top: 5px; } .inside_list li .attr { height:auto; clear:both; content: ""; overflow:hidden; line-height: 20px; margin-top: 5px; } .inside_list li .attr span { margin-right: 10px; font-size: 12px; color: #999; float: left; max-width: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .inside_list li .attr strong { margin-left: 15px; font-size: 12px; font-weight: normal; color: #999; float: right; max-width: 30%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media(max-width:768px) { .insidePage{ min-height: auto; } } @media(min-width:768px) { .insidePage .inside_left .collapse:not(.show){display: block;} .insidePage .inside_left .navbar-toggle{display: none;} } .page-link{color: #999;cursor: pointer;} .page-link:hover{color: #666;outline: none;} .page-link:focus{box-shadow:none;} .pagination .disabled .page-link{color: #ccc;cursor: no-drop;background: #fff;} .pagination .disabled .page-link:hover{color: #ccc;} .pagination .active .page-link{font-weight: bold;} .pagination .active .page-link:hover{background: #fff;} .details_title{font-size:18px;line-height: 30px;color: #333;text-align: center;margin:10px auto 20px;} .details_infos{color:#818181;font-size:12px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ddd;float: left;width: 100%;} .details_infos span{display: inline-block;*display: inline;*zoom:1;line-height: 25px;margin-right: 10px;} .details-top{text-align: center;max-width: 90%;margin: auto;overflow: hidden;border-bottom: 1px dashed #f0f0f0; padding: 20px 0;} .details-top img{max-width: 300px; max-height: 300px;float: left;margin-right: 20px;} .details-top ul{text-align: left;padding: 10px;} .details-top ul li{width: 100%;padding: 5px 20px;font-size: 14px; color: #999; margin: 0px; margin-top: 5px; text-align: justify;} .details-top ul li:nth-child(n+7){width: 50%;float: left;} .sharebox{float: right;display: inline-block;*display: inline;*zoom:1;} .sharebox a{margin: 0px 3px;} .details_cont *{max-width: 100% !important;} .details_cont img{max-width: 100% !important;height: auto !important;} .related{padding:20px;color: #afafaf;font-size: 14px;line-height:24px;} .related p{margin:0px;} .related p a{color: #afafaf;} .related p a:hover{color: #f78129;} .details_btn { text-align: center; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; padding: 10px 0; margin: 0px; } .details_btn a{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;margin:0px;padding: 0px 5px;width: 32%;max-width: 87px;height: auto;box-sizing: border-box;} .details_btn a img{width: 100%;} .wz-page { padding: 10px 0; width: 95%; margin: auto; } .wz-page .prev, .wz-page .next { font-size: 90%; } .wz-page .prev a, .wz-page .next a { color: #333; } .wz-page .prev a:hover, .wz-page .next a:hover { color: #8a0019; } /*搜索*/ .seach-text{font-size: 18px;text-align: center;padding: 10px;margin-bottom: 15px;} /*在线留言*/ .messagebox .red{color: red;} .messagebox .tip{font-size: 14px;color: #999;margin-top:10px;} /*图集列表*/ .list-pic li{float: left;padding: 10px;box-sizing: border-box;text-align: center;} .list-pic li .bg_pic{ width: 100%;height: 10rem; } .list-pic li p{margin-bottom: 10px;} .list-pic-h .bg_pic{ width: 100%;height: 16rem; } #link_swiper{position: relative;width:100%;overflow: hidden;margin-bottom: 20px;} .link_tab{display: inline-block;*display: inline;*zoom:1;text-align: center;} .link_tab li{ float: left;padding:0px 20px;line-height: 35px;font-size: 16px;color: #333333;} .link_tab li.on { color: #a51917; border-bottom: 2px solid #a51917; } .tab{display: none;} .tab0{display: block;}