@charset "utf-8"; body { margin: 0px; padding: 0px; font-size: 16px; font-family: "microsoft yahei", "微软雅黑"; background: #f5f9ff; line-height: 32px; color: #333; overflow-x: hidden; max-width: 1920px; margin: 0 auto; min-width: 1320px; } * { box-sizing: border-box; margin: 0; padding: 0; } h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; } a { color: #333333; text-decoration: none; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } a:hover { color: #cb0600; text-decoration: none; } .clear { clear: both; } dl { margin: 0px; padding: 0px; } dd { display: block; margin: 0px; padding: 0px; -webkit-margin-start: 5px; } form { margin: 0px; padding: 0px; } img { border: 0; margin: 0; padding: 0px; } div { margin: 0px; padding: 0px; } ul { list-style: none; margin: 0px; padding: 0px; } li { list-style: none; margin: 0px; padding: 0px; } p { margin: 0px; padding: 0px; padding-bottom: 12px; } .fl { float: left; } .fr { float: right; } .imgbg { background: no-repeat center center; background-size: cover; } .imgbg img { opacity: 0; width: 100%; height: 100%; } .newsshow { width: 100%; margin: 0 auto; padding-top: 20px; } .news_title { color: #333333; text-align: center; font-size: 32px; line-height: 41px; padding: 25px 50px 15px; font-weight: bold; clear: both; } .xian { border-bottom: 1px solid #e7e8eb; height: 44px; margin-top: 8px; text-align: center; color: #92a2b1; font-size: 14px; } .box01 { padding: 30px 0px 100px; clear: both; font-size: 16px !important; color: #333; line-height: 32px !important; text-align: justify; overflow: hidden; } .box01 img { max-width: 800px; text-align: center; margin: 0 auto; } .posi { width: 100%; clear: both; margin: 0 auto; height: 59px; line-height: 59px; background: #ed373a; color: #ffdda3; } .posi a { color: #fff; } .date { float: right; font-family: arial, helvetica, sans-serif; } .nynews { width: 100%; padding-top: 33px; clear: both; padding-bottom: 30px; overflow: hidden; } .nynews li { float: left; height: 55px; line-height: 55px; width: 100%; text-align: left; position: relative; margin-bottom: 10px; padding: 0px 5px; background: #fff; } .nynews li a { width: 85%; float: left; color: #262626; padding-left: 15px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; } .nynews li a:hover { color: #bf1313; } .fenye { clear: both; padding: 20px 0px 90px 0px; text-align: center; float: right; overflow: hidden; } .fenye span { border: 1px solid #e1e1e1; background: #fff; height: 36px; line-height: 36px; padding: 0px 10px; display: block; float: left; margin-left: 10px; margin-top: 9px; } .fenye span:hover { background: #d01a1c; color: #fff; border: 1px solid #d01a1c; } .fenye span:hover a { background: #d01a1c; color: #fff; } .bottombg { width: 100%; clear: both; background-image: linear-gradient(to right, #2757b1, #ec373b); color: #fff; padding: 36px 0px; text-align: center; line-height: 36px; } .titlebg { width: 100%; margin: 0px auto 43px; position: relative; clear: both; text-align: left; border-top: 11px solid #dfe6f4; } .titlebg img{ position: relative; top:-14px; } .w1280 { width: 1280px; margin: 0 auto; clear: both; } .topbg { background: no-repeat top center; height: 675px; width: 100%; overflow: hidden; position: relative; } .topbg img.logo { position: absolute; left: 36px; top: 30px; } .bian { padding: 20px 0px; font-size: 18px; line-height: 36px; width: 1280px; margin: 0 auto; padding-top: 40px; text-align: justify; color: #fff; padding-left: 140px; } .bian p { text-indent: 30px; padding-top: 15px; } .gushi_l { width: 572px; float: left; position: relative; height: 450px; overflow: hidden; } .gushi_lcontent{ height: 450px; } .gushi_r { width: 680px; float: right; } .ldjh { clear: both; width: 100%; /* -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; */ top: 55px; position: absolute; left: 0px; z-index: 3; } .onbig{ top:-180px; } .ldjh li { float: left; height: 80px; line-height: 80px; text-align: left; position: relative; background: #fff; margin-bottom: 11px; width: 100%; } .ldjh li a { width: 100%; float: left; color: #333; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0px 20px 0px 20px; } .ldjh li a:hover { color: #fff; background: #ed2326; } .bg77 { background: url(/uploads/image/lsqsimages/bg77.jpg) no-repeat top center; width: 100%; overflow: hidden; } .bg66 { background-image: linear-gradient(to bottom, #fffbf1, #fff4de); width: 100%; overflow: hidden; padding-bottom: 90px; } /*企业文化20240425add*/ .bg99 { background: no-repeat top center; width: 100%; overflow: hidden; height: 234px; margin-bottom: 70px; } .bgxietong{ background: #f5f9ff no-repeat top center; width: 100%; overflow: hidden; padding-bottom: 70px; } .bggushi{ background: no-repeat bottom center; width: 100%; overflow: hidden; height: 720px; } .bgguance{ background: no-repeat bottom center; width: 100%; overflow: hidden; height: 848px; } .zhidu { width: 232px; height: 321px; color: #145ec0; text-align: center; } .zhidu_l { font-size: 24px; font-weight: bold; } .zhidu_r { font-size: 18px; padding-top: 20px; } .lhcycp { margin: -30px auto 30px; width: 600px; clear: both; padding-left: 20px; } .lhcycp-slider li { float: left; width: 254px; height: 528px; background: url(/uploads/image/lsqsimages/kbbg.png) no-repeat top center; box-sizing: border-box; margin: 0px 14px; overflow: hidden; } .imgpc { width: 200px; height: 200px; border-radius: 50%; margin: 0 auto; margin-top: 13px; } .imgpc img { width: 200px; height: 200px; border-radius: 50%; } .textitle { font-size: 22px; color: #f3b06d; padding: 30px; padding-top: 60px; padding-bottom: 0px; } .btn_more { width: 86px; height: 32px; line-height: 32px; background: #ffffff; font-size: 15px; color: #ae846b; text-align: center; margin-left: 30px; margin-top: 16px; } .texpc { text-align: left; color: #fff; padding: 10px 30px; padding-top: 15px; padding-bottom: 15px; height: 86px; line-height: 34px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 22px; font-weight: bold; } .lhcycp-slider { zoom: 1; position: relative; } .lhcycp-slider .sprev, .lhcycp-slider .snext { position: absolute; left: -48px; top: 46%; display: block; width: 50px; height: 68px; cursor: pointer; z-index: 6; background: center center no-repeat; } .lhcycp-slider .snext { left: auto; right: -35px; background: center center no-repeat; } .lhcycp-slider ul { zoom: 1; } .lhcycp-slider ul li {} .zhishi { width: 1280px; height: 650px; padding: 60px 40px 0px; margin: 10px auto 0px; background: no-repeat top center; } .synews { width: 100%; padding-top: 13px; clear: both; } .synews li { float: left; height: 95px; background: #fff; background: #fff; width: 48%; margin: 0.6% 1%; text-align: left; line-height: 28px; } .synews li { position: relative; } .synews li a { width: 100%; float: left; color: #953d30; display: block; height: 95px; font-size: 18px; font-weight: bold; display: flex; flex-direction: column; /* co1umn 从上到下*/ align-items: left; /* center代表水平方向 */ justify-content: center; /* center代表垂直方向 */ padding: 0px 20px; } .synews li a:hover { color: #fff; background: #ed2326; } .lunbo_l { width: 693px; height: 451px; float: left; } #tabs-container { width: 693px; height: 451px; overflow: hidden; } #tabs-container img { width: 693px; height: 451px; } .zdbg .swiper-container-horizontal > .swiper-pagination-bullets, .zdbg .swiper-pagination-custom, .zdbg .swiper-pagination-fraction { text-align: center; } .zdbg .swiper-pagination-bullet { background: rgba(255,255,255,.3) } .zdbg .swiper-pagination-bullet-active { opacity: 1; background: #fff; } .info { position: absolute; left: 0px; bottom: 0px; height: 48px; line-height: 48px; background: rgba(0, 0, 0, .7); color: #fff; padding: 0px 10px; box-sizing: border-box; width: 100%; font-size: 16px; } .tabs { width: 572px; float: right; } .tabs a { color: #333; cursor: pointer; height: 70px; line-height: 59px; width: 100%; background: #fff; clear: both; text-align: left; box-sizing: border-box; font-size: 18px; padding: 0px 20px; margin-bottom: 6px; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tabs a:hover { background: #ed2326; color: #fff; position: relative; } .zdbox_l { width: 490px; float: left; } .zdbox_r { width: 733px; float: right; } .banshishi { clear: both; overflow: hidden; } .banshishi li { float: left; height: 155px; box-sizing: border-box; width: 100%; margin-bottom: 12px; border-bottom: 1px solid #eeeeee; padding-bottom: 6px; } .bushu_l { width: 205px; height: 135px; float: left; } .bushu_l img { width: 205px; height: 135px; } .bushu_r { width: 513px; float: right; padding: 3px 30px 0px 10px; box-sizing: border-box; color: #555555; } .wantitle09 { font-size: 23px; color: #333; text-align: left; padding-top: 0px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .wan_intro09 { font-size: 16px; line-height: 28px; padding-top: 5px; color: #828282; } .more_chy { float: right; margin-top: 20px; color: #ea383c; } .juzhong{ text-align: center; padding: 0px 0px 50px; overflow: hidden; clear: both; } .zdbg{ background: url(/uploads/image/lsqsimages/zdbg.png) no-repeat top center; width: 733px; height: 452px; position: relative; top: -10px; } .blank50{ height: 50px; overflow: hidden; clear: both; } #tabs-container99{ padding-top:3px; clear: both; padding-bottom: 40px; } .lunbo_l .swiper-container-horizontal > .swiper-pagination-bullets, .lunbo_l .swiper-pagination-custom, .lunbo_l.swiper-pagination-fraction { text-align: right; } .lunbo_l .swiper-pagination-bullet { background: #fff; } .lunbo_l .swiper-pagination-bullet-active { opacity: 1; background: #ff8658; width: 24px; border-radius: 6px; } .zdbg_more{ float: right; margin-top: 36px; margin-right: 36px; } /*廉洁文化addcss*/ .lianjiebg{ background: url(/uploads/image/lsqsimages/ljbg.png) no-repeat top right; width: 1280px; height: 566px; margin: 0 auto; } .lianjie_l{ width: 663px; float: left; } .lianjie_r{ width: 533px; float: right; margin-right: 50px; padding-top: 80px; } .gx_title { padding: 4.2px 0px 0px; clear: both; } .gx_title a { font-size: 24px; font-weight: bold; line-height: 36px; color: #333; } .gx_intro { border-bottom: 1px dashed #8d8d8d; padding-bottom: 15px; padding-top: 7px; line-height: 24px; } .gx_intro a { color: #999999; line-height: 30px; } .gx_intro a:hover { color: #bf0009; } .gx_title a:hover { color: #bf0009; } .gx_intro span { color: #d09f53; } .ljnews { width: 100%; clear: both; padding-top: 25px; } .ljnews li { float: left; height: 46px; line-height: 46px; width: 100%; text-align: left; position: relative; } .ljnews li:before { content: ""; position: absolute; left: 0px; top: 20px; width: 5px; height: 5px; background: #cd3538; } .ljnews li a { width: 100%; float: left; color: #666; padding-left: 15px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #333; } .ljnews li a:hover { color: #c90606; } #tabs-containerlianjie { width: 663px; height: 456px; margin-top: 41px; border-radius:12px; overflow:hidden; } #tabs-containerlianjie img { width: 663px; height: 456px; border-radius:12px; overflow:hidden; display:block; } .jywy022, .jywy02 { position: absolute; top: 50%; margin-top: -30px; width: 40px; height: 40px; cursor: pointer; z-index: 6; } .jywy022 { left: 0px; } .jywy02 { right: 0px; } #tabs-containerlianjie .jywy02 img{ width: 40px; height: 50px; border-radius: 0px; } #tabs-containerlianjie .jywy022 img{ width: 40px; height: 50px; border-radius: 0px; } .video { position: absolute; width: 54px; height: 31px; background: url(/uploads/image/lsqsimages/play.png) no-repeat top center; left: 50%; top: 50%; margin-top: -15px; margin-left: -27px; z-index: 6; } .infolianjie { position: absolute; left: 0px; bottom: 0px; height: 58px; line-height: 58px; background: #ffefde; color: #333; padding: 0px 10px; text-align: center; box-sizing: border-box; width: 100%; font-size: 18px; } /*安全文化addcss*/ .infoaq { position: absolute; left: 0px; bottom: 0px; height: 58px; line-height: 58px; background: #df1809; color: #fff; padding: 0px 90px; text-align: center; box-sizing: border-box; width: 100%; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .aqtsbg{ background: url(/uploads/image/lsqsimages/aqbg23.png) no-repeat top left; width: 1280px; height: 540px; margin: 0 auto; } .aqtsbg_l{ width: 540px; float: left; margin-left: 40px; margin-top: 55px; } .aqtsbg_r{ width: 664px; float: right; padding-top: 38px; } #tabs-containeraq { width: 664px; height: 456px; overflow:hidden; } #tabs-containeraq img { width: 664px; height: 456px; border-radius:12px; overflow:hidden; display:block; } .jywy022aq, .jywy02aq { position: absolute; width: 25px; height: 25px; cursor: pointer; z-index: 6; } #tabs-containeraq .jywy022aq img, #tabs-containeraq .jywy02aq img{ width: 25px; height: 30px; } .jywy022aq { left: 15px; bottom: 18px; } .jywy02aq { right: 15px; bottom: 18px; } .safenews { width: 100%; clear: both; padding-top: 25px; } .safenews li { float: left; width: 100%; text-align: left; position: relative; border-bottom: 1px dashed #e2dccf; padding: 25px 0px; } .safenews li:nth-child(3) { border: 0px; } .safenews li:before { content: ""; position: absolute; left: 0px; top: 35px; width: 15px; height: 15px; background: url(/uploads/image/lsqsimages/liaq.png) no-repeat top center; } .safenews h2{ width: 100%; float: left; padding-left: 20px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; color: #333; } .safenews li a:hover { color: #c90606; } .introaq{ line-height: 28px; color: #666; padding-top: 10px; clear: both; } #swiper-pagination2{ color: #fff; right: 50px; bottom: 24px; font-family: arial, helvetica, sans-serif; } .swiper-pagination-current{ font-size: 24px; font-weight: bold; } /*榜样文化add0710*/ .zdbox_rby{ width: 751px; float: right; } .byico_title{ padding-bottom: 10px; } .jywy022by, .jywy02by { position: absolute; width: 50px; height: 50px; cursor: pointer; z-index: 6; } .jywy022by { left: -6px; top: 40%; } .jywy02by { right: -6px; top: 39%; } .byboxshow{ position: relative; margin-top: 5px; } .gx_introby { border-bottom: 1px solid #e3e3e3; padding-bottom: 15px; padding-top: 4px; line-height: 24px; margin-bottom:10px; } .gx_introby a { color: #999999; line-height: 30px; } .gx_introby a:hover { color: #bf0009; } #tabs-containerby{ width: 93%; }