a{ color: #616161 !important; } a:hover{ color: #d20215 !important; text-decoration: none !important; } .container{ max-width: 1150px !important; padding-left:0 !important; padding-right: 0 !important; overflow: hidden; } .padding-one{ /* padding:1px; */ text-align: center; } .margintop{ margin-top: 12px; } .marginbottom{ margin-bottom: 12px; } .top-line{ height:6px; width:100%; background: #d20215; } .container .banner{ background: #ccc; padding:0; width: 100%; max-height: 400px; } .container .banner img{ width: 100%; height: 100%; } .banner-img{ width: 100%; height: 100%; } .adv-img{ width: 290px; height: 102px; padding-bottom: 12px;; } .logo-img{ width: 100%; } .list-zazhi-pic img{ border:6px solid #d20215; } .info img{ height: 110px; width: 100%; } /* 顶部导航与搜索开始 */ .nav-bar { line-height: 50px; color: #888; font-size: 14px; position: relative; } .nav-bar:after { content: ' '; position: absolute; border-bottom: 1px solid #eee; bottom: 0; width: 100%; } .float-left { float: left !important; } .float-right { float: right !important; } .search1 { float: right; margin-right: 24px; width: 308px; margin-left: 10px; position: relative; } .bdcs-search1-form-input { width: 308px; height: 28px; background: #ffffff; border: 1px solid #cccccc; border-radius: 10px 10px 10px 10px; vertical-align: middle; box-sizing: border-box; padding-left: 22px; } .bdcs-search1-form-input:focus { outline: none; } .bdcs-search1-form-submit { width: 18px; height: 16px; background: url(/uploads/image/aimages/search240430.png) no-repeat right center; position: absolute; right: 10px; top: 18px; border: 0; padding: 0; cursor: pointer; } /* 顶部导航与搜索结束 */ /* 头部导航 */ .top-nav{ /* min-height: 106.5px; */ display: flex; justify-content: flex-start; flex-wrap: wrap; border-bottom:1px solid #d20215; } .top-nav a{ font-size: 16px; width: 95px; text-align: center; display: block; padding: 14px 1px; box-sizing: border-box; } /* 首页搜索 */ .search{ background:#fafafa; width:230px; float:right; margin-top:10px; } .search .ft{ background:none; padding:5px; height: 34px; /* margin:4px 0 0 10px; */ width:150px; border: none; border-radius: 4px; color:#898989; } .search .fs{ background:#ea4748 url(/uploads/image/aimages/search.png) no-repeat center; border:none; margin:0; height:34px; width:43px; float:right; } .top-notice { margin-top: 20px; overflow: hidden; /* width: 815px; */ } .top-notice .qimo { /*width:99999999px;*/ width: 8000%; height: 50px; } .top-notice .qimo div { float: left; } .top-notice .qimo ul { float: left; height: 50px; overflow: hidden; zoom: 1; } .top-notice .qimo ul li { float: left; line-height: 50px; list-style: none; } .top-notice li a { margin-right: 10px; color: #444444; } .index-zazhi { margin-top: 20px; overflow: hidden; display: none; /* width: 815px; */ } .index-zazhi .qimo { /*width:99999999px;*/ width: 2000px; height: 190px; } .index-zazhi .qimo div { float: left; } .index-zazhi .qimo ul { float: left; padding: 0; height: 190px; overflow: hidden; zoom: 1; } .index-zazhi .qimo ul li { float: left; line-height: 50px; list-style: none; } .index-zazhi .qimo ul li img { width: 150px; height: 190px; list-style: none; } .index-zazhi li a { margin-right: 10px; color: #444444; } .index-hezuo { margin-top: 20px; overflow: hidden; display: none; /* width: 815px; */ } .index-hezuo .qimo { /*width:99999999px;*/ width: 2000px; height: 60px; } .index-hezuo .qimo div { float: left; } .index-hezuo .qimo ul { float: left; padding: 0; height: 60px; overflow: hidden; zoom: 1; } .index-hezuo .qimo ul li { float: left; line-height: 50px; list-style: none; } .index-hezuo .qimo ul li img { width: 150px; height: 60px; list-style: none; } .index-hezuo li a { margin-right: 10px; color: #444444; } /* 顶部公告 */ .top-notice{ overflow: hidden; height: 50px; line-height: 50px; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; } /* 首页大标题 */ .index-title{ text-align: center; padding:20px 0px; } .index-title .title-big{ font-size: 1.8rem; color: #d20215; } .index-title .title-big a{ color: #d20215 !important; } .index-title .title-small{ padding-top:20px; display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; } .index-title .title-small a{ color: #d20215 !important; display: block; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ padding:0 5px; } .index-title .title-small .more{ position: absolute; right: 0; color: #d20215 !important; } /* 幻灯片 */ .carousel-inner img { width: 100%; height: 100%; } .carousel-item{ height:300px; } /* 列表 */ .col-cont{ display: flex; border-bottom:1px solid #d20215; justify-content: space-between; align-items: center; margin:0 20px; } .col-cont .col-title{ font-size: 1.4rem; color: #d20215; border-bottom:3px solid #d20215; } .list-li{ margin:10px 20px; line-height: 32px; display: flex; flex-direction: column; } .list-li a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-li-yaowen{ margin:10px 20px; line-height: 33px; display: flex; flex-direction: column; } .list-li-yaowen a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-li-yaowen :nth-child(-n 1){ color: #d20215 !important; } .col-cont-left{ display: flex; border-bottom:1px solid #d20215; justify-content: space-between; align-items: center; /* margin:0px 20px 0px 0px; */ } .col-cont-left .col-title{ font-size: 1.4rem; color: #d20215; border-bottom:3px solid #d20215; } .list-li-index{ margin:10px 0; line-height: 32px; display: flex; flex-direction: column; } .list-li-left{ margin:10px 0; line-height: 32px; display: flex; flex-direction: column; } .list-li-left .alink a{ padding-right: 20px; } .list-li-left a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cancel-text a{ white-space: normal; } .zazhi-image{ width: 140px; height: 180px; /* background: #f1f1f1; */ margin-right: 16px; } .list-pic{ flex-direction: row !important; } .list-cont{ display: flex; /* justify-content: space-between; */ margin-bottom: 12px;; /* height: 120px; */ } .list-cont-line { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-cont-line a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bottom{ margin-bottom: 0px !important; } .list-cont-info{ line-height: 30px; /* padding-left:12px; */ /* width: 200px; */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-break: break-all; } .list-cont-read{ /* padding-left:12px; */ color: #d20215; } .list-cont-read a{ color: #d20215 !important; } .fakeimg { margin-right: 12px; height: 120px; min-width: 164px; max-width: 164px; /* background: #f1f1f1; */ } .fakeimg img{ width:164px ; height:120px } .fakeimg-company{ width: 100%; height: 220px; /* background: #f1f1f1; */ } .fakeimg-company img{ width: 100%; height: 220px; /* background: #f1f1f1; */ } .list-right{ margin:0px 0px 0px 20px !important; } .list-right-top{ margin:0px 0px 10px 20px !important; } .list-detail-top{ margin:0px 0px 10px 0px !important; } .list-all{ margin:0px 0px 0px 0px !important; } /* 详情页 */ .detail-title{ font-weight: bold; text-align: center; font-size: 24px; padding-bottom: 12px; } .detail-source{ display: flex; justify-content: center; align-items: center; padding-bottom: 12px; } .detail-source span{ color:#666; padding:0 10px; } .detail-info{ line-height: 32px; color: #333; } .detail-info video{ max-width: 500px; } .detail-edit{ padding-top: 20px; color: #666; text-align: right; } /* 广告图片 */ .adv-pic{ height: 150px; width: 100%; /* background: #f1f1f1; */ } ul li{ list-style: none; } /* 图片滚动 */ .picscroll-left { overflow: hidden; position: relative; } .picscroll-left .bd ul { overflow: hidden; } .picscroll-left .bd ul li { margin-right: 17px; float: left; } .picscroll-left .bd ul li .adv img { width: 150px; height: 60px; display: block; } .picscroll-left .bd ul li .pic img { width: 150px; height: 190px; display: block; } .under-link{ display: flex; justify-content: center; align-items: center; /* line-height: 40px; */ flex-wrap: wrap; padding-bottom: 12px; } .under-link a{ display: block; padding:0 16px; color: #fff !important; } /* 右侧漂浮 */ .rightbar { position: fixed; width: 96px; bottom: 100px; right:50px; z-index: 9; } .rightbar li { width: 96px; background: #bb1b21; color: #fff; font-size: 16px; text-align: center; border-radius: 10px; padding: 10px 0; margin-top: 1px; } .rightbar li img { display: block; margin: 0 auto 5px; } .rightbar li a { color: #fff !important; } .rightbar li .ewmb { font-size: 12px; width: 80%; margin: 0 auto; } .rightbar li .ewmb .ewmb { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #fff; } .rightbar .backtop { cursor: pointer; } .footer{ margin-bottom:0 !important; background: #d20215 !important; color: #fff; margin-top: 20px; } /* 列表页样式 */ .breadcrumb-item a{ color: #bb1b21 !important; } .list-news{ display: flex; overflow: hidden; padding:12px 0px; } .list-news .thumbnail{ max-width: 160px; min-width: 160px; height: 100px; margin-right: 12px; } .list-news .electronicmagazine{ max-width: 160px; min-width: 160px; max-height: 200px; margin-right: 12px; } .list-news .cont{ } .list-news .cont .title{ /* line-height: 1.6rem; */ font-size: 1.2rem; font-weight: bold; color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-news .cont .info{ margin-top: 6px; line-height: 32px; font-size: 1rem; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-break: break-all; } .list-zazhi-pic{ padding-top: 12px; margin:0 auto; width: 300px; height: 380px; } .right-cont{ /* display: flex; */ } .line-two{ padding-top:10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; } .list-nav{ white-space: nowrap; overflow-y: hidden; overflow-x: scroll; display: flex; justify-content: flex-start; align-items: center; height: 45px; /* border-bottom: 1px solid #d20215; */ box-sizing: border-box; } .list-nav::-webkit-scrollbar{ height: 5px; /* width: 100px; */ /* display: none; */ } .list-nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 20px; /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */ background: #d20215; } .list-nav::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #ededed; } .list-nav a{ display: block; font-size: 18px; font-weight: 600; height: 40px; margin-right:20px; } .navactive{ color: #d20215 !important; } .list-nav .active{ color: #d20215 !important; border-bottom: 4px solid #d20215; } .list-right-news{ line-height: 30px; } .list-right-news a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } /* 新幻灯片 */ /* 滚动图 */ .scroll-pic { width: 750px; height: 400px; overflow: hidden; position: relative; } .scroll-pic .hd { position: absolute; width: 100%; height: 0; top: 50%; margin-top: -22px; z-index: 1; } .scroll-pic .hd .prev, .scroll-pic .hd .next { display: block; width: 43px; height: 43px; cursor: pointer; opacity: .3; background: -1px -2px no-repeat; } .scroll-pic .prev { float: left; margin-left: 10px; } .scroll-pic .hd .next { float: right; margin-right: 10px; background-position: -1px -49px; } .scroll-pic .hd .prev:hover, .scroll-pic .hd .next:hover { opacity: 1; } .scroll-pic .hd ul { position: absolute; right: 10px; top: 195px; overflow: hidden; zoom: 1; } .scroll-pic .hd ul li { float: left; width: 12px; height: 12px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: -24px -126px no-repeat; } .scroll-pic .hd ul li.on { background-position: -10px -126px; } .scroll-pic .bd ul { overflow: hidden; zoom: 1; } .scroll-pic .bd ul li { float: left; _display: inline; overflow: hidden; position: relative; } .scroll-pic .pic { text-align: center; } .scroll-pic .pic img { width: 750px; height: 400px; display: block; } .scroll-pic .title { width: 100%; height: 44px; line-height: 44px; box-sizing: border-box; padding-left: 10px; font-size: 16px; position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .4); } .scroll-pic .title a { color: #fff !important; } .jumbotron { padding: 2rem 1rem 1rem 1rem; } .jumbotron a{ color: #ffffff !important; } @media (max-width: 767px) { body{ font-size: 14px !important; } .index-title .title-big{ width: 98%; font-size: 20px; margin: 0 auto; } .top-nav{ padding-top: 10px; } .top-nav a{ font-size: 15px; } .adv-pic{ height: auto; } .pc-logo { display: none; } .search{ margin: 0 auto; margin-top:10px; float: none; } .col-cont{ margin:0px 12px !important; } .col-cont .col-title{ font-size: 18px; } .col-cont-left .col-title{ font-size: 18px; } .index-title .title-small{ line-height: 26px; flex-direction: column; } .carousel-item{ height: 180px; } .col-cont{ padding-top:12px; } .col-cont-left{ margin:0 12px !important; } .list-li-left{ margin:10px 12px !important; } .list-li-index{ margin:10px 12px !important; } .list-right{ margin:0px 12px !important; } .list-all{ margin:0px 12px !important; } .rightbar{ display: none; } /* 列表页 */ .list-news{ padding:6px 12px; box-sizing: border-box; overflow: hidden; } .list-news .cont{ min-width: 220px; } .list-news .thumbnail{ max-width: 120px; min-width: 120px; height: 80px; } .list-news .electronicmagazine{ max-width: 120px; min-width: 120px; max-height: 160px; } .list-news .cont .info{ -webkit-line-clamp: 2 !important; } .list-right-top{ margin:0 12px 0 12px !important; } .list-detail-top{ margin:0 12px 0 12px !important; } .detail-info{ margin:0 12px 0 12px !important; } .wap-padding{ margin:0px 12px 0 12px !important; } .wap-padding-none{ margin:12px 12px 0px 12px !important; } .wap-center-padding{ margin-left:12px !important; margin-right:12px !important } .list-nav a{ font-size: 16px; } .top-notice{ margin-left:12px !important; margin-right:12px !important } .list-news .cont .title{ font-size: 16px; } .list-news .cont .info{ font-size: 14px; line-height: 28px; } .scroll-pic { width: 375px; height: 200px; overflow: hidden; position: relative; } .scroll-pic .pic img { width: 375px; height: 200px; display: block; } .scroll-pic .hd ul { position: absolute; right: 10px; top: 94px; overflow: hidden; zoom: 1; } .index-title .title-small .more{ position: relative; color: #d20215 !important; } .detail-edit{ padding-right: 12px; } .index-zazhi{ display: block !important; margin:10px 12px 0px 12px !important; } .index-hezuo{ display: block !important; margin:10px 12px 0px 12px !important; } .detail-info video{ max-width: 340px; } .list-nav::-webkit-scrollbar{ /* height: 5px; width: 100px; */ display: none; } #zemo2{ height: 0px; } #hemo2{ height: 0px; } .detail-info img{ max-width: 320px; } }