* { margin: 0; padding: 0; } body { font-family: '微软雅黑'; transition: .3s; } .pr { position: relative; } /* * clearfix*/ .cb { visibility: hidden; height: 1px; border: none; clear: both; font-size: 0; line-height: 0; overflow: hidden; } .clear { clear: both; } .clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } .clearfix { display: block; overflow: hidden; } ul { list-style: none; } a { text-decoration: none; } .fl { float: left; } .fr { float: right; } /*一行显示省略号*/ .oneline-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*二行显示省略号*/ .twoline-ellipsis { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /*三行显示省略号*/ .threeline-ellipsis { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .w1200 { width: 1200px; margin: 0 auto; } .information-main {} .information-main .cle{ width: 100%; } /*头部导航*/ .information-header { width: 100%; height: 70px; background-color: #333; } .information-header .logo { position: relative; margin-right: 30px; width: 210px; height: 78px; line-height: 78px; text-align: center; border-radius: 0px 0px 4px 4px; background-color: #e60000; } .information-header .logo img { margin-top: 10px; } .information-header .header-center { height: 70px; line-height: 70px; } .information-header .header-center a { float: left; margin-right: 50px; font-size: 16px; color: #fff; } .information-header .header-center .spacer{ float: left; display: inline-block; vertical-align: top; margin: 28px 50px 0 0; width:1px; height: 16px; background-color: #f6f6f6; } .information-header .header-center .line{ display: inline-block; vertical-align: middle; margin: 0px 50px 0 0; width:1px; height:19px; background-color: #fff; } .information-header .header-right { padding-top: 20px; } .information-header .header-right .input-txt { float: left; width: 140px; height: 32px; background-color: #fff; border-radius: 16px 0 0 16px; border: 0; padding-left: 10px; outline: none; } .information-header .header-right .btn { vertical-align: top; display: inline-block; width: 48px; height: 32px; line-height: 32px; text-align: center; background: #e60000; font-size: 12px; color: #fff; border-radius: 0 16px 16px 0; } .information-top { padding-top: 40px; width: 100%; height: 680px; background: url(/uploads/image/swsiarticle/infomation_top_bg.png) no-repeat center top; box-sizing: border-box; } /* 轮播图样式 */ .information-top .focus-box { width: 1200px; height: 400px; margin-bottom: 20px; overflow: hidden; } .information-top .focus-box .img { float: left; position: relative; overflow: hidden; } .information-top .focus-box .img img { border-radius: 4px 0px 0px 4px; transition: .3s; } .information-top .focus-box .img li, .information-top .focus-box .img a, .information-top .focus-box .img img { display: block; width: 750px; height: 400px } .information-top .focus-box .img img { object-fit: cover; } .information-top .focus-box .img:hover img { transform: scale(1.1); } .information-top .focus-box .tab { float: right; width: 450px; height: 400px; background-color: #fff; border-radius: 0px 4px 4px 0px; } .information-top .focus-box .tab li { display: flex; align-items: center; padding: 10px 30px; height: 80px; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; } .information-top .focus-box .tab li:last-child { border-bottom: 0 } .information-top .focus-box .tab a { text-decoration: none; display: block; position: relative; } .information-top .focus-box .tab a p { overflow: hidden } .information-top .focus-box .tab a .title { width: 380px; height: 30px; line-height: 30px; font-size: 18px; color: #333 } .information-top .focus-box .tab a .des { width: 380px; height: 20px; line-height: 20px; font-size: 16px; color: #999 } .information-top .focus-box .tab .on { color: #fff; background: linear-gradient(90deg, #e60000 0%, #ff3b00 98%); ; } .information-top .focus-box .tab .on a p { color: #fff } .information-top-info {} /* 品牌动态 */ .information-top-info .item { width: 590px; height: 162px; padding: 15px 20px; box-sizing: border-box; background: rgba(255, 255, 255, .95); border-radius: 4px; } .information-top-info .item .hd { margin-bottom: 15px; font-size: 18px; font-weight: 500; color: #333; } .information-top-info .item .hd a { float: right; font-size: 14px; color: #696969; } .information-top-info .item .hd a:hover { color: #e60000; } .information-top-info .item .bd li { display: flex; align-items: center; height: 30px; } .information-top-info .item .bd li .time { display: flex; width: 64px; margin-right: 10px; font-size: 14px; border: 1px solid #07b9b9; } .information-top-info .item .bd li .time i { flex: 1; display: inline-block; font-style: normal; text-align: center; } .information-top-info .item .bd li .time .month { background: #07b9b9; color: #fff; } .information-top-info .item .bd li .time .day { color: #07b9b9; } .information-top-info .item .bd li a { display: inline-block; width: 470px; line-height: 30px; transition: .3s; font-size: 16px; color: #333; } .information-top-info .item .bd li a:hover { color: #e60000; } .information-box { padding-top: 40px; } /*左侧菜单*/ .information-box .information-left-menu { width: 102px; box-sizing: border-box; } .information-box .fixed{ position: absolute; left: -150px; top: -2px; } .information-left-menu .tit { margin-bottom: 20px; text-align: right; font-size: 24px; font-weight: 500; color: #07b9b9; } .information-left-menu .tit a{ color: #07b9b9; } .information-left-menu .tit a:hover{ opacity: .8; } .information-left-menu .item { margin-bottom: 5px; } .information-left-menu .item .hd { margin-bottom: 10px; font-size: 18px; font-weight: 500; color: #333; } .information-left-menu .item .hd .zk-icon { display: inline-block; width: 16px; height: 16px; background: url(/uploads/image/swsiarticle/zk_icon.png) no-repeat; } .information-left-menu .item .hd .name { display: inline-block; padding: 0 7px; height: 30px; line-height: 30px; text-align: center; } .information-left-menu .item .current .name { background-color: #07b9b9; color: #fff; } .information-left-menu .item .bd { text-align: right; } .information-left-menu .item .bd a { text-align: right; display: inline-block; padding: 0 7px; min-width:50px; height: 30px; line-height: 30px; font-size: 14px; font-weight: normal; color: #90979f; } .information-left-menu .item .bd a:hover, .information-left-menu .item .bd .current { background-color: #07b9b9; color: #fff; } /* //最新资讯 */ .information-box .information-b-left { width:1046px; } .information-box .information-b-left.w820 { width: 820px; } .information-b-left .search-result-tip{ margin-bottom: 30px; font-size: 16px; font-weight: 500; color:#333; } .information-b-left .search-result-tip .color-red{ color:#e60000; } .information-b-left .list-tab-cate { z-index: 2; width: 1046px; position: static; top:0; left:50%; margin-bottom: 30px; transition: .3s; background-color: #fff; } .information-b-left .list-tab-cate-hover { padding: 0 30px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 2px 3px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 2px 3px 8px; box-shadow: rgba(0, 0, 0, 0.2) 2px 3px 8px; border-bottom:0; } .information-b-left .list-tab-cate .cate-a{ margin-bottom: 5px; border-bottom: 1px solid #e6e6e6; padding-bottom: 5px; } .information-b-left .list-tab-cate .cate-a a{ position: relative; margin-right: 40px; font-size: 18px; font-weight: 500; height: 30px; line-height: 30px; color: #333; } .information-b-left .list-tab-cate .cate-a .current::after, .information-b-left .list-tab-cate .cate-a a:hover::after{ position: absolute; left:0; bottom: -9px; content: ''; width: 100%; height: 2px; background-color: #07b9b9; } .information-b-left .list-tab-cate .cate-a .current, .information-b-left .list-tab-cate .cate-a a:hover{ color: #07b9b9; } .information-b-left .list-tab-cate .cate-b{ padding: 10px 0; } .information-b-left .list-tab-cate .cate-b a{ margin-right: 14px; display: inline-block; height: 24px; line-height: 24px; padding: 0 8px; font-size: 14px; color: #90979f; } .information-b-left .list-tab-cate .cate-b .current, .information-b-left .list-tab-cate .cate-b a:hover{ border-radius: 2px; background-color: #07b9b9; color:#fff; } /*列表样式*/ .information-b-left .list-hd { margin-bottom: 20px; font-size: 18px; font-weight: 500; line-height: 26px; color: #333; } .information-b-left .list-bd-box .no-data{ font-size:14px; color:#999; text-align: center; } .information-b-left .list-bd-box .item { position: relative; margin-bottom: 30px; display: flex; height: 160px; transition: .3s; } .information-b-left .list-bd-box .item .shadow-card { display: none; position: absolute; top: -15px; left: -15px; width: 1075px; height: 190px; box-shadow: 0 0 7px 0 rgba(0, 0, 0, .15); border-radius: 4px; background: #fff; transition: .3s; } .information-b-left.w820 .list-bd-box .item .shadow-card { width: 850px; } .information-b-left .list-bd-box .item:hover .shadow-card { display: inline-block; } .information-b-left .list-bd-box .item .img { margin-right: 20px; width: 240px; height: 160px; overflow: hidden; } .information-b-left .list-bd-box .item .img, .information-b-left .list-bd-box .item .img img { position: relative; width: 240px; height: 160px; border-radius: 4px; } .information-b-left .list-bd-box .item .img img { object-fit: cover; transition: .3s; } .information-b-left .list-bd-box .item:hover .img img { transform: scale(1.1); } .information-b-left .list-bd-box .item .info { flex: 1; height: 160px; position: relative; } .information-b-left .list-bd-box .item .info .tit { margin-bottom: 10px; font-size: 18px; font-weight: 500; line-height: 26px; color: #333; transition: .3s; } .information-b-left .list-bd-box .item .info .tit:hover { color: #e60000; } .information-b-left .list-bd-box .item .info .desc { font-size: 14px; line-height: 20px; color: #90979f; } .information-b-left .list-bd-box .item .info .info-bottom { position: absolute; left: 0; bottom: 0; font-size: 14px; line-height: 20px; color: #90979f; } .information-b-left .list-bd-box .item .info .info-bottom .views { margin-right: 40px; } .information-b-left .list-bd-box .item .info .info-bottom .views .views-icon { display: inline-block; vertical-align: middle; margin-right: 5px; width: 12px; height: 12px; background: url(/uploads/image/swsiarticle/view_icon.png) no-repeat; } /*人物专访*/ .list-bd-box .profile{ overflow: hidden; } .list-bd-box .profile .profile-item{ width:510px; height: 160px; float: left; margin:0 26px 20px 0; } .list-bd-box .profile .profile-item:nth-child(2n){ margin-right: 0; } .list-bd-box .profile .profile-item .profile-item-img{ width:240px; height: 160px; overflow: hidden; position: relative; } .list-bd-box .profile .profile-item .profile-item-img img{ border-radius: 4px; transition: .3s; } .list-bd-box .profile .profile-item .profile-item-img img:hover{ transform: scale(1.1); } .list-bd-box .profile .profile-item .profile-item-img .mark { z-index: 1; position: absolute; left: 0px; top: 0px; display: inline-block; padding: 0 5px; width: 60px; height: 22px; border-radius: 4px 0px 8px 0px; background: linear-gradient(90deg, #07b99e 0%, #37c1ac 100%); font-size: 14px; font-weight: 600; color: #fff; font-style: italic; } .list-bd-box .profile .profile-item .profile-item-info{ width: 250px; height: 160px; position: relative; } .list-bd-box .profile .profile-item .profile-item-info .tit{ display: block; margin-bottom: 5px; font-size: 18px; color: #333; } .list-bd-box .profile .profile-item .profile-item-info .tit:hover{ color: #e60000; } .list-bd-box .profile .profile-item .profile-item-info .desc{ font-size: 14px; color:#90979f } .list-bd-box .profile .profile-item .profile-item-info .info{ position: absolute; bottom:0; left: 0; font-size: 14px; color: #90979f; } .list-bd-box .profile .profile-item .profile-item-info .views { margin-right: 40px; } .list-bd-box .profile .profile-item .profile-item-info .views .views-icon { display: inline-block; vertical-align: middle; margin-right: 5px; width: 12px; height: 12px; background: url(/uploads/image/swsiarticle/view_icon.png) no-repeat; } /*客户案例*/ .customer-stories { margin-bottom: 30px; } .customer-stories .customer-s-hd { margin-bottom: 10px; font-size: 18px; font-weight: 500; color: #333; } .customer-stories .customer-s-bd { height: 262px; } .customer-stories .customer-s-bd .customer-item { position: relative; width: 260px; margin-right: 20px; float: left; border-radius: 4px; } .customer-stories .customer-s-bd .customer-item:last-child { margin-right: 0; } .customer-stories .customer-s-bd .customer-item .mark { z-index: 1; position: absolute; left: 0px; top: 0px; display: inline-block; padding: 0 5px; width: 60px; height: 22px; border-radius: 4px 0px 8px 0px; background: linear-gradient(90deg, #07b99e 0%, #37c1ac 100%); font-size: 14px; font-weight: 600; color: #fff; font-style: italic; } .customer-stories .customer-s-bd .customer-item .customer-img { width: 260px; height: 190px; overflow: hidden; border-radius: 4px 4px 0px 0px; display: block; } .customer-stories .customer-s-bd .customer-item .customer-img img { object-fit: cover; transition: .3s; } .customer-stories .customer-s-bd .customer-item .customer-img:hover img { transform: scale(1.1); } .customer-stories .customer-s-bd .customer-item .customer-info { padding: 10px; background-color: #f2f2f2; border-radius: 0px 0px 4px 4px; } .customer-stories .customer-s-bd .customer-item .customer-tit { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; } .customer-stories .customer-s-bd .customer-item .customer-tit .name { font-size: 18px; font-weight: 500; color: #333; } .customer-stories .customer-s-bd .customer-item .customer-tit .line { font-size: 12px; color: #90979f; } .customer-stories .customer-s-bd .customer-item .customer-desc { font-size: 14px; color: #90979f; } .information-box{ margin-bottom: 30px; } .information-box .information-b-right { width: 342px; } /*行情报价*/ .information-b-right .slider-right { width: 342px; padding: 0 20px; margin-bottom: 20px; box-sizing: border-box; } .information-b-right .slider-right .hd { display: flex; align-items: center; justify-content: space-between; padding-bottom: 5px; margin-bottom: 10px; height: 40px; border-bottom: 1px solid #e6e6e6; } .information-b-right .slider-right .hd .name { display: flex; align-items: center; } .information-b-right .slider-right .hd i { display: inline-block; width: 15px; height: 18px; margin-right: 8px; background: url(/uploads/image/swsiarticle/news_hd_icon.png) no-repeat; } .information-b-right .slider-right .hd a { font-size: 14px; color: #696969; } .information-b-right .slider-right .hd a:hover { color: #e60000; } .information-b-right .quotation-box .bd li { height: 40px; line-height: 40px; } .information-b-right .quotation-box .bd li a .label { margin-right: 10px; color: #e60000; } .information-b-right .quotation-box .bd li a { display: inline-block; width: 300px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .information-b-right .quotation-box .bd li a:hover { color: #e60000; } /*交易回答*/ .information-b-right .answer-box .bd li { height: 40px; line-height: 40px; } .information-b-right .answer-box .bd li a .label { display: inline-block; margin-right: 10px; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; color: #fff; background-color: #ddd; } .information-b-right .answer-box .bd li a .label1 { background-color: #e60000; } .information-b-right .answer-box .bd li a .label2 { background-color: #ff5813; } .information-b-right .answer-box .bd li a .label3 { background-color: #ffb80f; } .information-b-right .answer-box .bd li a { display: inline-block; width: 300px; color: #333; } .information-b-right .answer-box .bd li a:hover { color: #e60000; } /*页码*/ .page-box{ text-align: center; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; margin: 0 2px; padding: 5px 12px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #e60000; border-color: #ff8905; } .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pagination > li > a { background: #fafafa; color: #666; } .pagination.pagination-flat > li > a { border-radius: 0 !important; } .pager-big a { margin: 0 5px; line-height: 2 } .pager-big:first-child a { margin-right: 5px; line-height: 2 } .pager-big:last-child a { margin-left: 5px; line-height: 2 } /*友情链接*/ .links{ width:1200px; margin: 50px 0; overflow: hidden; } .links .hd{ height: 40px; line-height: 40px; font-size: 20px; font-weight: normal; line-height: 26px; border-bottom: 1px solid #e6e6e6; } .links .bd{ padding: 10px 0; } .links .bd a{ display: inline-block; float: left; margin: 0 16px 10px 0; padding: 0 5px; width:124px; height:30px; line-height: 30px; text-align: center; border: 1px solid #e6e6e6; color: #696969; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; } .links .bd a:hover{ color: #e60000; } .links .bd a:nth-child(8n){ margin-right: 0px; }