/*--------------------公用--------------------*/ *, :after, :before { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .w_1350 { width: 1350px; margin: 0 auto; } .bg_line { background-image: url(../images/bgline.jpg); background-position: center; text-align: center; background-repeat: repeat-x; margin-top: 30px; display: block } .mt20 { margin-top: 20px; } /*带缩略图的图片幻灯*/ .flashBanner { width: 100%; height: 524px; overflow: hidden; margin: 0 auto; } .flashBanner { position: relative; } .flashBanner img { width: 100%; height: 100%; } .flashBanner .mask { height: 76px; line-height: 76px; background-color: #000; width: 100%; text-align: center; position: absolute; left: 0; bottom: -32px; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; overflow: hidden; } .flashBanner .mask img { vertical-align: middle; margin-right: 10px; cursor: pointer; width: 110px; height: 56px; } .flashBanner .mask img.show { margin-bottom: 3px; border: #fff solid 2px; } /*省略号*/ .hide1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .hide2, .hide3, .hide4, .hide6, .hide10, .hide7, .hide8, .hide15 { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /*.hide2 { height: 150%; } .hide3 { -webkit-line-clamp: 3; height: 4.8em; } .hide4 { -webkit-line-clamp: 4; height: 6.4em; } .hide7 { -webkit-line-clamp: 7; height: 11.2em; } .hide10 { -webkit-line-clamp: 10; height: 16em; } .hide15 { -webkit-line-clamp: 15; height: 375px; line-height: 25px; } */ .hide6 { -webkit-line-clamp: 6; } /*--------------------引导页--------------------*/ /*--------------------头部--------------------*/ .header-wrap { position: relative; background: url(../images/head_bg.jpg); } .inner { width: 1350px; margin: 0 auto; height: 130px; } .logo { margin: 37px 0 0 0; } .logo img { width: 366px; } .search-wrap { margin-top: 24px; width: 100%; text-align: right; height: 36px; position: relative; } .search-text { border: 1px solid #c9c9c9; border-radius: 3px; width: 240px; height: 36px; padding: 10px 15px; } .search-btn { width: 22px; height: 22px; background: url(../images/search_btn.png) no-repeat; border: 0; position: absolute; right: 7px; top: 7px; cursor: pointer; outline: none; } .nav { width: 70%; } .nav li { float: left; font-size: 18px; width: 110px; } .nav li.on a { color: #0c5ca5; } .nav a { color: #000; /*padding: 22px 10px 26px 10px;*/ line-height: 100%; display: inline-block; margin-left: 31px } .nav a:hover { color: #0099cc; border-bottom: #0c5ca5 solid 4px; } .line3 { height: 3px; background: linear-gradient(90deg, #0c5ca5 0%, #0c5ca5 75%, #0c5ca5 75%, #000 100%); background-color: #0c5ca5; } input, button { border: 1px solid #000; background-color: #fff; } /*--------------------底部--------------------*/ .footer { background: url(../images/bottom_bg.jpg); color: #fff; padding: 34px 0 53px; font-size: 14px; margin: auto; width: 100%; height: 400px; } .footer-inner { width: 1350px; margin: 0 auto; } .footer-part { float: left; min-height: 310px; } .footerNav-title { font-size: 20px; color: #fff; text-align: left; line-height: 20px; margin-bottom: 40px; padding-bottom: 15px; background: url(../images/bottom_bg_line.jpg) no-repeat left bottom; text-indent: 1em } .part-1 { /*padding: 0 48px 0 13px;*/ width: 328px; margin-right: 55px; } .part-2 { /*padding: 0 30px 0 45px;*/ width: 410px; margin-right: 55px; } .part-2 .fgs { } .part-2 .fgs li { width: 136px; float: left } .part-3 { /*padding: 0 39px 0 78px;*/ width: 278px; margin-right: 75px; } .part-3 .footerNav-title { text-align: left; } .part-3 .info { line-height: 36px; margin-top: -11px; margin-bottom: 9px; } .part-3 .info a { color: #fff; } .footer-list { line-height: 36px; margin-top: -12px; height: 250px; } .footer-list li { } .footer-list a { color: #fff; } .footer-list a:hover { color: #fff; } .footer-list li span { display: block; padding-left: 15px; background: url() no-repeat left center; } .companys { display: none; } .companys a { display: block; margin-left: 23px; font-size: 12px; line-height: 24px; } .part-4 {/* padding: 0 40px 0 35px; */ width: 142px; } .part-4 .QRcode { float: left; } .part-4 .QRcode > img { width: 133px; height: 133px; } .part-4 .QRcode > p { height: 33px; line-height: 33px; text-align: center; } .copyright { height: 39px; line-height: 39px; font-size: 12px; text-align: center; color: #aaa; background: url(../images/bm_bg.jpg); margin: auto; width: 1920px;} .copyright_1350 { width: 1350px; margin: 0 auto; text-align: left; font-family: Verdana, sans-serif } .copyright_1350 { color: #3f68b8 } .copyright_1350 span { color: #fff; } .copyright a:link { color: #fff; } .copyright a:visited { color: #fff; } .copyright a:hover { color: #fff; } /*--------------------首页--------------------*/ .header_fixed { position: absolute; padding: 0; top: 0; left: 0; height: 70px; _position: absolute; animation: hdnav2-show 0s; -moz-animation: hdnav2-show 0s; -webkit-animation: hdnav2-show 0s; left: 50%; margin-left: -675px; z-index: 999 } .index_header { background-color: rgba(255,255,255,0.75); border-radius: 0 0 10px 10px; } .index_logo { margin-left: 15px; } .index_logo img { width: 408px; } /*首页头条*/ .xw-scroll { position: relative; background-color: rgb(255, 255, 255); overflow: hidden; padding: 20px; } .xw-scroll .flexslider { background-position: right top; width: 1280px; height: 90px; margin: 0 auto; position: relative; background-image: url(); background-repeat: no-repeat; } .xw-scroll .slides { position: relative; z-index: 1; } .xw-scroll .slides li { height: 90px; position: relative; } .xw-scroll .slides li a { color: rgb(51, 51, 51); display: block; } .xw-scroll .slides li .p-con { width: 1280px; height: 90px; text-align: center; } .xw-scroll .slides li .p-con h1 { width: 100%; text-align: center; color: rgb(218, 15, 16); line-height: 50px; overflow: hidden; padding-top: 25px; padding-bottom: 10px; font-size: 32px; font-weight: bold; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; } .xw-scroll .slides li .p-con p { width: 100%; color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 18px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; } .xw-scroll .flex-control-nav { left: -35px; top: 25px; width: 10px; text-align: center; vertical-align: middle; position: absolute; z-index: 999; } .xw-scroll .flex-control-nav li { margin: 3px 0px; display: inline-block; -ms-zoom: 1; } .xw-scroll .flex-control-nav a { border-radius: 14px; width: 10px; height: 10px; line-height: 40px; text-indent: -9999px; overflow: hidden; display: inline-block; cursor: pointer; background-color: rgb(204, 204, 204); } .xw-scroll .flex-control-nav .flex-active { width: 10px; height: 20px; background-color: rgb(32, 82, 145); } /*左右滚动*/ .txtScroll-left { width: 1350px; position: relative; margin: 0 auto; } .txtScroll-left .hd { overflow: hidden; height: 30px; position: absolute; width: 1350px; top: 7px; } .txtScroll-left .hd .prev, .txtScroll-left .hd .next { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("../images/arrow.png") no-repeat; background-position-x: -60px; } .txtScroll-left .hd .next { background-position: -60px -50px; } .txtScroll-left .hd .prevStop { background-position: -60px 0; } .txtScroll-left .hd .nextStop { background-position: -60px -50px; } .txtScroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; } .txtScroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url() 0 -9px no-repeat; } .txtScroll-left .hd ul li.on { background-position: 0 0; } .txtScroll-left .bd { padding: 10px; width: 1270px; overflow: hidden; margin-left: 28px; } .txtScroll-left .bd ul { overflow: hidden; zoom: 1; } .txtScroll-left .bd ul li { margin-right: 20px; float: left; height: 24px; line-height: 24px; text-align: left; _display: inline; font-size: 14px; } .txtScroll-left .bd ul li a { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .txtScroll-left .bd ul li span { font-size: 14px; color: #999; float: right; } .txtScroll-left .hd .prev { float: left; } .txtScroll-left .bd ul li a:hover { color: #1974A1; } .box_m50 { margin-top: 20px; margin-bottom: 20px; } .gray_bj { background-color: #e7e7e7; } .box_1920_father { position: relative; overflow: hidden; } .h_470 { height: 470px; } .box_1920_w, .box_1920_w2 { position: absolute; width: 1350px; margin-left: -675px; left: 50%; top: 0; } .news_scroll { position: relative; } .news_scroll .pic { width: 675px; height: 470px; overflow: hidden; } .news_scroll .pic img { height: 470px; } .news_scroll .t_r { padding: 30px 0 0 71px; float: left } .news_scroll .t_r_w { width: 550px; } .img_425 { width: 425px; } .news_scroll h4 { font-size: 30px; font-weight: bold; margin-bottom: 15px; } .news_scroll .t_t { margin: 40px 0 30px 0; } .news_scroll .t_t .hide1 { width: 360px; } .news_scroll .t_t_l { border-right: 1px solid #ccc; font-size: 30px; padding-right: 20px; margin-right: 20px; line-height: 1.1; } .news_scroll .t_t_l p { font-size: 14px; } .news_scroll .t_r_r h5 { font-size: 22px; height: 1.2em; line-height: 1.2em; } .news_scroll .t_r_r p { color: #666; margin-top: 3px; } .news_scroll .t_d { color: #888; font-size: 14px; } .news_scroll .t_d1 { color: #fff; font-size: 14px; } .news_scroll .t_d11 { color: #fff; font-size: 16px; } .news_scroll .t_d11 p { line-height: 190%; display: block; margin-top: 15px; margin-bottom: 15px; } .news_scroll .t_d p { margin-bottom: 10px; } .news_scroll .d_btn { margin-top: 30px; } .i_pro_scroll .t_r { padding: 50px 100px 0 0; color: #666; font-size: 16px; } .i_pro_scroll .t_r_w { width: 500px; } .i_pro_scroll .t_r p { margin-bottom: 25px; } /*兰色按钮*/ .news_scroll .btn_more { cursor: pointer; z-index: 4; position: absolute; cursor: pointer; width: 50px; height: 50px; background-image: url(../images/btn.png); background-color: #0c5ca5; background-repeat: no-repeat; background-size: 100px auto; top: 50%; margin-top: -25px; background-position: -50px -50px; right: 50%; margin-right: -50px; } .news_scroll .btn { cursor: pointer; z-index: 4; position: absolute; cursor: pointer; width: 50px; height: 50px; background-image: url(../images/btn.png); background-color: #fff; background-repeat: no-repeat; background-size: 100px auto; top: 50%; margin-top: -25px; } .news_scroll .prev { left: 50%; margin-left: -50px; border-right: 1px solid #ddd; z-index: 6; } .news_scroll .next { right: 50%; margin-right: -50px; background-position: 0 -50px; } .news_scroll .btn:hover { background-color: #0c5ca5; background-position: -50px 0; } .news_scroll .next:hover { background-position: -50px -50px; } .blue_link a, .blue_text, .blue_link_t a { color: #0c5ca5; } .blue_bj { background-color: #0c5ca5 } .white_text { color: #fff; } a:link.white_link { color: #fff; } a:visited.white_link { color: #fff; } a:hover.white_link { color: #3399ff; } .sxxw_more { padding: 3px 6px 3px 6px; font-size: 12px; background-color: #fff; margin-top: 25px; display: inline-block; } a:visited.sxxw_more { padding: 3px 6px 3px 6px; font-size: 12px; background-color: #fff; margin-top: 25px; display: inline-block; } a:hover.sxxw_more { padding: 3px 6px 3px 6px; font-size: 12px; background-color: #fff; margin-top: 25px; display: inline-block; } .img_zoom{ overflow:hidden} .img_zoom img{transition: all 1s;transform: scale(1, 1);} .img_zoom img:hover{ transition: all 1s;transform: scale(1.2, 1.2);} .video_paly { position: absolute; margin-left: 300px; margin-top: 140px; z-index:999; } .video_text { position: absolute; width: 675px; background-color: rgba(0,0,0,0.5); margin-top: 420px; height: 50px; line-height: 50px; text-align: center; color: #fff; z-index:9999;} .djbgimg { background: url(../images/qydj.jpg) no-repeat; } .scroll-1 { width: 670px; height: 420px; overflow: hidden; position: relative; float: left; } .scroll-1 .hd { position: absolute; width: 100%; top: 50%; margin-top: -60px; left: 0; height: 1px; z-index: 200; } .scroll-1 .hd ul { float: right; overflow: hidden; zoom: 1; position: absolute; right: 13px; top: 244px; } .scroll-1 .hd ul li { float: left; width: 9px; height: 9px; border-radius: 50%; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background-color: #f7f7f7; } .scroll-1 .hd ul li.on { background-color: #1e5ea5; } .scroll-1 .bd ul { overflow: hidden; zoom: 1; } .scroll-1 .bd ul li { float: left; width: 675px; _display: inline; overflow: hidden; text-align: center; position: relative; } .scroll-1 .bd ul li .pic { text-align: center; } .scroll-1 .bd ul li .pic img { width: 675px; height: 470px; display: block; } .scroll-1 .bd ul li .title { line-height: 50px; position: absolute; bottom: 0; left: 0; padding-bottom:100px; z-index: 100; font-size: 16px; height: 50px; width: 90%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; } .scroll-1 .bd ul li .title a { color: #fff; font-size: 16px; } .scroll-1 .bd ul li i { height: 50px; background: #000; opacity: .5; filter: alpha(opacity=50); width: 100%; position: absolute; bottom: 0; left: 0; text-indent: -99999em;padding-top:100px; } /*企业党建*/ .h_about .t_r_w { width: 500px; padding: 30px 0 0 0; } .h_about h4 { font-size: 30px; font-weight: bold; margin-bottom: 20px; } .h_about .th_d { font-size: 0; margin-top: 10px; } .line_w170_blue { display: inline-block; vertical-align: top; font-size: 0; overflow: hidden; width: 170px; height: 2px; background-color: #00aaea; } .h_about .t_d p { margin-bottom: 1.6em; } .whkm_index { width: 1350px; margin:0 auto;} .qywh { width: 1350px; height: 75px; position: relative; } .qywh img { width: 420px; height: 120px; position: absolute; top: 0; left: 36%; } .qywh div { width: 1050px; height: 0px; border-bottom: 1px solid #ccc; margin: 0px auto; padding-top: 35px; } .box_title { overflow: hidden; margin: 15px 0 15px 0; } .box_title i { float: left; display: block; width: 6px; height: 22px; background: #2ea7e0; margin: 2px 9px 0 0; } .box_title span { font-size: 22px; } .qywh .sjcc { left: 39%; width: 280px; } .qywh .sjcc i { font-style: normal; } .qywh span { display: block; position: absolute; width: 180px; height: 40px; background: #fff; left: 44%; top: 20px; font-size: 24px; text-align: center; } .scroll-4 { padding-top: 55px; } .zt-scroll { width: 100%; height: 286px; overflow: hidden; position: relative; margin:0 auto } .zt-scroll .hd { position: absolute; width: 1350px; top: 31px; left: 0; height: 1px; z-index: 200; margin-top: -29px; } .zt-scroll .hd .prev, .zt-scroll .hd .next { width: 50px; height: 286px; z-index: 100; cursor: pointer; background: #f6f6f6; color: #0d7fe9; font-size: 30px; line-height: 286px; text-align: center; margin-top: -35px; margin-right: 30px;} .zt-scroll .hd .prev { float: left; } .zt-scroll .hd .next { float: right; } .zt-scroll .bd { width: 1226px; overflow: hidden; margin-left: 50px; margin-top: 15px;} .zt-scroll .bd ul { overflow: hidden; zoom: 1; } .zt-scroll .bd ul li { float: left; text-align: center; margin-right: 1px; position: relative; border: 2px solid #fff; width: 413px !important; } .zt-scroll .bd ul li .pic { text-align: center; overflow:hidden} .zt-scroll .bd ul li .pic img { width: 415px; height: 196px; display: inline-block;transition: all 1s; transform: scale(1, 1); } .zt-scroll .bd ul li .pic img:hover { transform: scale(1.2, 1.2); } .sjcc_on { color: #3053c4; cursor:pointer } /**/ .zt-scroll1 { width: 1350px; height: 286px; overflow: hidden; position: relative; margin:0 auto } .zt-scroll1 .hd1 { position: absolute; width: 1350px; top: 31px; left: 0; height: 1px; z-index: 200; margin-top: -29px; } .zt-scroll1 .hd1 .prev, .zt-scroll1 .hd1 .next { width: 50px; height: 286px; z-index: 100; cursor: pointer; background: #f6f6f6; color: #0d7fe9; font-size: 30px; line-height: 286px; text-align: center; } .zt-scroll1 .hd1 .prev { float: left; } .zt-scroll1 .hd1 .next { float: right; } .zt-scroll1 .bd1 { width: 1249px; overflow: hidden; margin-left: 50px; } .zt-scroll1 .bd1 ul { overflow: hidden; zoom: 1; } .zt-scroll1 .bd1 ul li { float: left; text-align: center; margin-right: 1px; position: relative; border: 2px solid #fff; width: 415px !important;} .zt-scroll1 .bd1 ul li .pic { text-align: center; overflow:hidden} .zt-scroll1 .bd1 ul li .pic img { width: 415px; height: 286px; display: inline-block;transition: all 1s; transform: scale(1, 1); } .zt-scroll1 .bd1 ul li .pic img:hover { transform: scale(1.2, 1.2); } .gd_text{ position:absolute; width:100%; display:inline-block; height:40px; line-height:40px; background-color:rgba(0,0,0,0.75); z-index:9999; color:#fff; margin-top:246px} /*--------------------集团概况--------------------*/ .edit-container { width: 1350px; clear: both; margin: 0 auto } .base-top-title { line-height: 22px; margin-bottom: 22px; } .base-top-title .type { float: left; font-size: 22px; position: relative; padding-left: 20px; } .base-top-title .type i { width: 6px; height: 23px; background: #2ea7e0; position: absolute; left: 0; top: 50%; margin-top: -11.5px; } .base-top-title .more { float: right; font-size: 16px; } .base-top-title .more a { display: block; padding-left: 22px; color: #909090; background: url(../images/more-icon.png) left center no-repeat; height: 22px; } .base-top-title .more a.on { display: block; } .base-top-title .more2 a { display: none; } .base-top-title .more a:hover { color: #e60021; background: url(../images/more-icon-h.png) left center no-repeat; } .Speech { width: 1350px; height: auto; margin: 0 auto; } .Speech-left { float: left; width: 940px; height: 324px; margin-right: 30px; } .Speech-left img { float: left; margin-right: 30px; cursor: pointer; width: 380px; height: 326px; } .Speech-left h2 { font-size: 26px; margin: 0; line-height: 52px; margin-bottom: 10px; } .Speech-left h2 a { color: #db2017; } .Speech-left p { font-size: 16px; color: #5d5d5d; line-height: 32px; height: 280px; overflow: hidden } .Speech-right { width: 380px; height: 324px; float: left; overflow: hidden } .Speech-right li { width: 380px; height: 150px; margin-bottom: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #ebedf0; text-align: center; cursor: pointer; } .home-video { padding: 40px 0 45px 0; } .home-video .video-focus { margin: 10px 0 0 0; height: 418px; overflow: hidden; } /*.home-video .video-container { width: 1170px\0; } */.video-focus2 { height: auto!important } .home-video .video-focus .swiper-slide { width: 748px; height: 418px; position: relative; overflow: hidden; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); outline: 1px solid transparent; overflow: hidden; } .video-focus2 .swiper-slide { padding: 50px 100px; } .home-video .video-focus .swiper-slide-active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transform: none!important; border: 4px solid #000; background: #000; } .home-video .video-focus2 .swiper-slide-active { border: 0; } .home-video .video-focus .swiper-slide.swiper-slide-active .title { z-index: 10; } .home-video .video-focus .swiper-slide .pic img { display: block; width: 100%; height: 418px; z-index: 2; } .home-video .video-focus .swiper-slide .title { width: 100%; line-height: 60px; text-align: center; font-size: 18px; color: #fff; background-color: rgba(000,000,000,0.5); position: absolute; left: 0; bottom: 0; } .home-video .video-focus .swiper-slide .video-play { width: 94px; height: 94px; background: url(../images/video-play.png) no-repeat; background-size: cover; position: absolute; top: 50%; left: 50%; margin: -47px 0 0 -47px; cursor: pointer; z-index: 3; display: none; } .home-video .video-focus .swiper-slide.swiper-slide-active .video-play { display: block; } .home-video .video-focus .swiper-button-prev, .home-video .video-focus .swiper-button-next { width: 50px; height: 56px; line-height: 56px; background-color: #c7001d; position: absolute; top: 50%; margin-top: -28px; font-size: 28px; color: #fff; text-align: center; cursor: pointer; } .home-video .video-focus .swiper-button-prev { left: 0; background: url(../images/ry_left.png) no-repeat #c7001d } .home-video .video-focus .swiper-button-next { right: 0; background: url(../images/ry_right.png) no-repeat #c7001d } .con_more { padding: 10px 25px; background: #226abc; font-size: 14px; } a:link.con_more, a:visited.con_more, a:hover.con_more { color: #fff } /*--------------------新闻资--------------------讯*/ /*--------------------企业党建--------------------*/ /*--------------------安全生产--------------------*/ .box2 { width: 1350px; height: 426px; } .box2-xwtp { width: 500px; height: 426px; float: left; } .box2-lbg { width: 280px; height: 426px; float: left; background: #256c9b; } .slideBox { width: 1350px; height: 426px; position: relative; background: #256c9b; } .slideBox .pic { float: left; width: 675px; height: 426px; } .slideBox .pic img { width: 675px; height: 426px; } .slideBox .txt { float: left; width: 675px; padding: 88px 87px 89px 88px; } .slideBox .txt h3, .slideBox .txt h4 { color: #ffffff; font-size: 18px; line-height: 30px; margin: 0; font-weight: bold; } .slideBox .txt h3 a, .slideBox .txt h4 a { color: #ffffff; font-size: 18px; line-height: 30px; } .slideBox .txt p { color: #fff; font-size: 14px; line-height: 24px; } .slideBox .txt div span { color: #00a0e9; display: block; margin-top: 24px; } .slideBox .num a { cursor: pointer; display: none; float: left; color: #fff; } .slideBox .num a.on { display: block; } .slideBox .hd { position: absolute; bottom: 10px; right: 305px; } .slideBox .prev, .slideBox .next { display: block; width: 33px; height: 33px; background-color: #0082cd; position: absolute; } .slideBox .prev { background: #0082cd url(../images/left_btn.png) no-repeat center; bottom: 0; right: 34px; cursor: pointer; } .slideBox .next { background: #0082cd url(../images/right_btn.png) no-repeat center; bottom: 0; right: 0; cursor: pointer; } .news-part-2 { margin-bottom: 20px; margin-top: 40px; } .news-part-2-l, .news-part-2-c { width: 423px; float: left; margin-right: 40px; } .news-part-2-r { width: 423px; float: left; margin-right: 0; } .news-home-zt { height: 308px; background-color: #f5f5f5; margin-bottom: 30px; position: relative; margin-top: 20px; } .news-home-zt > a { position: absolute; left: -11px; top: 0; } .news-column-top-1 { border-bottom: 2px solid #e5e5e5; height: 31px; } .news-column-top-1 > h2 { font-size: 20px; color: #333; height: 31px; line-height: 100%; border-bottom: 3px solid #336699; display: inline-block; } .news-column-top-1 > h2 span { height: 20px; width: 5px; display: block; background: #336699; float: left; margin-right: 15px; } .news-column-top-1 > a { float: right; margin-top: 5px; } .news-home-list-1 { margin-top: 10px; } .news-home-list-1 li { line-height: 35px; height: 35px; padding-left: 16px; background: url(../images/news-dot.png) no-repeat left center; font-size: 16px; } /*--------------------企业文--------------------化*/ /*--------------------专题学习--------------------*/ /*--------------------通知公告--------------------*/ /*大图片*/ .i_banner { height: 320px; background-color: #eee; overflow: hidden; position: relative; } .i_banner_img { width: 100%;height: 100%; } /*经过*/ .hover_li .box { -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s; } .hover_li .box::before { width: 0; height: 100%; left: 50%; bottom: 0; background-color: rgba(0,0,0,.02); display: block; position: absolute; content: ''; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; z-index: -1; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .hover_li .box:hover::before { width: 100%; } .i_news_ul { margin-top: 40px; } .i_news_ul .box { border-bottom: 1px solid #ddd; padding: 35px 30px; } .i_news_ul .box:last-child { border-bottom: none; } .i_news_ul .t_d { color: #666; margin: 20px 0 0 0; } .i_news_ul .t_t_l { font-size: 30px; line-height: 1.1; padding-top: 6px; padding-bottom: 6px; border-right: 1px solid #ccc; padding-right: 30px; margin-right: 30px; } .i_news_ul .t_t_l p { font-size: 14px; color: #666; } .i_news_ul h5 { font-size: 22px; } .i_news_ul .t_t_r p { font-size: 16px; color: #666; } /*--------------------新闻中心列--------------------表*/ .news-banner { height: 331px; } .news-banner-inner { width: 1350px; margin: 0 auto; } .news-banner-inner > img { margin-top: 117px; } .news-wrap { /*background-color: #f7f7f7;*/ padding-top: 36px; } .news-wrap-inner { width: 1350px; margin: 0 auto; } .news-leftMenu { background-color: #f0f0f0; width: 240px; padding-top: 24px; } .news-leftMenu > h1 { color: #0099cc; font-size: 24px; padding-left: 72px; margin: 0 0 31px 0; line-height: 100%; font-weight: bold; } .news-leftMenu > ul > li > a { color: #434457; display: block; width: 100%; height: 46px; line-height: 46px; padding-left: 72px; position: relative; } .news-leftMenu > ul > li > a:hover { background-color: #fff; } .news-leftMenu > ul > li > a:hover:after { content: ""; width: 9px; height: 11px; background: url() no-repeat; display: block; position: absolute; right: 40px; top: 18px; } .news-leftMenu > ul > li > a:hover:before { content: ""; width: 4px; height: 100%; background-color: #2e6aa6; display: block; position: absolute; left: 0; top: 0; } .news-leftMenu > ul > li.on > a { background-color: #fff; } .news-leftMenu > ul > li.on > a:after { content: ""; width: 9px; height: 11px; background: url() no-repeat; display: block; position: absolute; right: 40px; top: 18px; } .news-leftMenu > ul > li.on > a:before { content: ""; width: 4px; height: 100%; background-color: #2e6aa6; display: block; position: absolute; left: 0; top: 0; } .news-submenu { position: relative; } .news-submenu-main { position: absolute; left: 240px; top: -1px; background-color: #fff; width: 150px; border-top: 1px solid #f0f0f0; box-shadow: 3px 3px 3px #999; display: none; z-index: 300; } .news-submenu-main a { display: block; height: 46px; line-height: 46px; color: #666; text-align: center; } .news-submenu-main li.on a { color: #cc0000; } .news-submenu-main a:hover { color: #cc0000; } .news-main { margin-left: 240px; padding: 0 70px 40px; background-color: #fff; } .news-position { line-height: 24px; padding-top: 24px; } .news-position > h2 { font-size: 24px; line-height: 100%; display: inline-block; } .position-details { font-size: 12px; color: #999; } .position-details > a { font-size: 12px; color: #999; } .news { padding-top: 40px; } .ul > li { width: 100%; padding: 20px 0; position: relative; border-bottom: dashed 1px #9d9d9d; overflow: hidden; } .ul > li img { float: left; width: 256px; height: 144px; margin-right: 30px; } .ul > li h3 { font-size: 20px; line-height: 1.4; margin-right: 100px; } .ul > li h3 a { color: #333; } .ul > li i { position: absolute; right: 0; top: 26px; font-size: 14px; color: #999; } .ul > li p { font-size: 14px; line-height: 24px; margin-top: 20px; color: #777; margin-bottom: 15px; } .ul > li > span { width: 120px; height: 30px; display: inline-block; background-color: #c00; text-align: center; } .ul > li > span a { color: #fff; font-size: 14px; line-height: 30px; } .newMedia h1 { color: #333; } .newspaper h1 { color: #333; } /*--------------------内容页--------------------*/ .sp_nav { width: 100%; height: 49px; background-color: #f6f6f6; } .sp_naver { width: 1350px; height: 49px; margin: 0 auto; background-color: #f6f6f6; } .home_link { height: 49px; line-height: 49px; color: #5f5f5f; font-size: 12px; } .home_link_bg { width: 15px; height: 13px; background: url() no-repeat center center; float: left; margin: 17px 5px 0px 0px; } .home_link a { margin: 0 2px; } .home_link a.onhome { color: #2267c4; } .news_detail_page { width: 1350px; margin: 0 auto; } .news_detail_page h3 { font-size: 28px; color: #1b1a1a; font-weight: 400; text-align: center; height: auto; line-height: 50px; margin: 20px 0; } .news_detail_title { width: 1350px; height: 40px; line-height: 40px; background: url(../images/news_detail_border.gif) repeat-x left bottom; margin-bottom: 30px; } .n_d_main { width: 940px; height: 40px; margin: 0 auto; } .nd_page_content img { display: block; margin: 0 auto; margin-bottom: 10px; } .news_imglist img { display: block; margin: 0 auto; margin-bottom: 40px; } .nd_page_content p { padding: 0 15px; font-size: 16px; color: black; font-family: "宋体"; margin: 10px 0; line-height: 180% } .n_d_main .nd_one { width: 220px; float: left; font-size: 12px; } .n_d_main .nd_oneA { width: 440px; float: left; font-size: 12px; } .n_d_main .nd_changeSize { width: 120px; float: right; text-align: right; font-size: 12px; } .back_up_div { width: 1350px; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; height: 55px; line-height: 55px; display: block; font-size: 14px; margin-bottom: 60px; } .share_to { float: right; margin: 30px 0; } /*--------------------分页--------------------*/ .pages { padding-top: 60px; text-align: center; font-size: 14px; } .pages > li { border: 1px solid #ccc; line-height: 30px; height: 30px; display: inline-block; margin: 0 5px; } .pages .page { width: 30px; text-align: center; font-size: 13px; display: none; } .pages .page a { display: block; width: 100%; height: 100%; } .pages .page-previous, .pages .page-next { padding: 0 9px; } .pages .page-active { border: 1px solid ##2e6aa6; background-color: #2e6aa6; } .pages .page-active a { color: #fff; } .page_r { text-align: right; margin: 40px 0; } .page_r a, .page_r span { display: inline-block; vertical-align: top; margin-left: 1px; width: 34px; height: 34px; line-height: 34px; overflow: hidden; border: 1px solid #e7e7e7; font-size: 16px; color: #333; text-align: center; } .page_r .page_prev, .page_r .page_next { font-size: 0; background-color: #e7e7e7; background-image: url("../images/btn.png"); background-position: -34px 0; background-repeat: no-repeat; background-size: 68px auto; } .page_r .page_first, .page_r .page_last { font-size: 0; background-color: #e7e7e7; background-image: url("../images/btn2.png"); background-position: -34px 0; background-repeat: no-repeat; background-size: 68px auto; } .page_r .page_next, .page_r .page_last { background-position: -34px -34px; } .page_r a:hover, .page_r span { background-color: #0c5ca5; color: white; } #mytitle { position: absolute; color: #ffffff; font-size: 14px; padding: 4px; background: rgba(40, 40, 40, 0.8); border-radius:5px; z-index:999; } .header { width: 30%; } .nd_page_content { display: flex; flex-direction: column; width: 100%; }