.container{ width: 1200px; margin: 0 auto; } /* 头部 */ .header{ width: 100%; min-width: 1366px; height: 88px; border-bottom: 2px solid #00579c; background: #ffffff; position: relative; z-index: 99; } .header .container{ width: 1366px; position: relative; } .subnav-content{ width: 100%; min-width: 1366px; height: 50px; background: rgba(0,0,0,.3); position: absolute; left: 0; top: 88px; z-index: 99; display: none; } .subnav-content .container{ width: 1366px; box-sizing: border-box; padding-left: 350px; } .subnav-content a{ font-size: 15px; color: #f5f5f5; line-height: 50px; margin: 0 12px; transition: .3s all ease; } .subnav-content a:hover{ /* color: #00579c; */ opacity: .8; } .logo{ display: block; /* width: 311px; */ padding-top: 18px; } .logo img{ width: initial!important; } .nav-ul li{ padding: 0 15px; line-height: 88px; float: left; } .nav-ul li.on, .nav-ul li:hover{ background: #00579c; } .nav-ul li a{ font-size: 15px; color: #333333; display: block; } .nav-ul li.on a, .nav-ul li:hover a{ color: #ffffff; } .search-icon{ display: block; width: 18px; height: 18px; background: ; margin-top: 35px; margin-left: 18px; } .search-content{ display: none; width: 233px; height: 36px; background: #f5f5f5; position: absolute; right: 88px; top: 27px; border-radius: 20px; } .search-content input{ width: 197px; padding: 0 10px; height: 36px; box-sizing: border-box; float: left; border: none; outline: none; background: none; } .search-content .btn{ width: 36px; height: 36px; float: right; background: ; } .jtzq-select{ float: left; font-size: 15px; color: #333333; margin-left: 20px; line-height: 88px; padding-right: 16px; background: right center no-repeat; position: relative; transition: .3s all ease; } .jtzq-select.on{ background: right center no-repeat; } .jtzq-ul{ width: 200px; position: absolute; right: 0; top: 88px; z-index: 999; background: #ffffff; border-top: 2px solid #00579c; display: none; } .jtzq-ul li{ text-align: center; padding: 10px; border-bottom: 1px dotted #e5e5e5; line-height: initial; } .jtzq-ul li a{ color: #333333; font-size: 14px; } .jtzq-ul li:hover a{ color: #00579c; } /* banner */ .banner{ width: 100%; min-width: 1366px; height: 460px; } .banner .slick-slide{ position: relative; } .banner .slick-slide .banner-zi{ height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; position: absolute; z-index: 9; } .banner .djjr{ display: block; width: 120px; height: 32px; line-height: 32px; text-align: center; color: #ffffff; border: 1px solid #ffffff; border-radius: 20px; margin-top: 20px; } .djjr1{ position: absolute; bottom: 100px; left: 50%; margin-left: -60px; z-index: 99; } .djjr2{ position: absolute; bottom: 50px; right: 18.75%; z-index: 99; } /* .djjr3{ position: absolute; bottom: 150px; left: 18.75%; z-index: 99; } */ .banner .slick-slide .banner-zi1{ left: 50%; margin-left: -296px; bottom: -100%; transition: .8s all ease; } .banner .slick-slide .banner-zi2{ top: 0; left: -50%; transition: 1s all ease; } .banner .slick-slide .banner-zi3{ top: 0; left: -50%; /* left: 0; */ width: 100%; transition: 1s all ease; } .banner .slick-slide.slick-active .banner-zi1{ bottom: 0; } .banner .slick-slide.slick-active .banner-zi2{ left: 18.75%; } .banner .slick-slide.slick-active .banner-zi3{ /* left: 18.75%; */ left: 0; } .banner .slick-slide .banner-zi img{ width: auto; height: auto; } .banner .slick-dots{ bottom: 40px; } .banner .slick-dots li{ width: 36px; height: 4px; background: #ffffff; opacity: .3; margin: 0 5px; } .banner .slick-dots li.slick-active{ opacity: 1; } .banner .slick-prev, .banner .slick-next{ width: 20px; height: 38px; } .banner .slick-prev{ left: 100px; } .banner .slick-next{ right: 100px; } .banner .slick-next{ background-position: -20px 0; } /* 通知公告 */ .notice-content{ width: 100%; min-width: 1366px; height: 66px; background: #ffffff; } .notice-content .tzgg-left{ width: 168px; height: 66px; border-right: 1px solid #dddddd; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #333333; font-weight: bold; } .notice-content .tzgg-left img{ margin-right: 15px; } .swiper-container-notice{ width: 930px; height:66px; border-right: 1px solid #dddddd; } .swiper-container-notice .date{ display: flex; align-items: center; justify-content: center; flex-direction: column; height:66px; } .swiper-container-notice .swiper-slide{ position: relative; } .swiper-container-notice .swiper-slide::after{ content: ''; width: 1px; height: 60px; border-left: 1px dashed #dddddd; position: absolute; left: 0; top: 20px; } .swiper-container-notice .swiper-slide:first-child::after{ display: none; } .swiper-container-notice .date p{ width: 98px; font-size: 18px; font-family: 'georgia'; font-weight: bold; color: #00579c; text-align: center; } .swiper-container-notice .text{ width: 305px; } .swiper-container-notice .text .bt{ height: 21px; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 25px; transition: .3s all ease; } .swiper-container-notice a:hover .text .bt{ color: #00579c; } .swiper-container-notice .text .nr{ height: 1.1875rem; font-size: 14px; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; } .notice-more{ display: block; margin: 25px 0 0 35px; } /* 新闻中心 */ .news-content{ width: 100%; /* height: 575px; */ background: #f5f5f5; padding: 45px 0 50px; } .news-wrap{ width: 100%; height: 404px; background: #ffffff; box-shadow: 0 0 15px rgba(221,221,221,.8); } .news-left{ width: 1040px; height: 404px; float: left; } .news-l-left{ width: 590px; height: 100%; } .news-l-left .swiper-container{ width: 100%; height: 100%; } .news-l-left .swiper-container a{ display: block; width: 100%; height: 100%; position: relative; } .news-l-left .swiper-container a img{ width: 100%; height: 100%; object-fit: cover; } .news-l-left .swiper-container a .text{ width: 100%; height: 50px; line-height: 50px; background: #464646; padding: 0 100px 0 10px; box-sizing: border-box; position: absolute; left: 0; bottom: 0; z-index: 99; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #ffffff; } .news-l-left .swiper-container a .date{ width: 74px; height: 86px; background: ; position: absolute; top: 0; left: 0; z-index: 99; } .news-l-left .swiper-container a .date .day{ font-size: 46px; color: #ffffff; font-family: gabriola; text-align: center; line-height: 32px; margin-top: 5px; } .news-l-left .swiper-container a .date .year{ font-size: 22px; color: #ffffff; font-family: gabriola; text-align: center; line-height: 30px; } .news-l-left.isie .swiper-container a .date .day{ margin-top: 20px; } .news-l-left.isie .swiper-container a .date .year{ margin-top: -5px; } .news-left .swiper-pagination, .xwzx-left .swiper-pagination{ bottom: 15px; text-align: right; padding-right: 16px; box-sizing: border-box; z-index: 999; } .news-l-left .swiper-pagination-bullet, .xwzx-left .swiper-pagination-bullet{ width: 6px; height: 6px; border: 1px solid #ffffff; border-radius: 50%; opacity: 1; background: none; margin: 0 4px; } .news-l-left .swiper-pagination-bullet-active, .xwzx-left .swiper-pagination-bullet-active{ background: #ffffff; } .news-l-right{ width: 410px; padding: 20px; float: left; } .news-l-t-top{ padding-bottom: 15px; border-bottom: 1px dashed #dddddd; padding-top: 15px; } .news-l-t-top .bt{ font-size: 16px; font-weight: bold; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .3s all ease; } .news-l-t-top:hover .bt{ color: #00579c; } .news-l-t-top .nr{ font-size: 14px; line-height: 24px; color: #999999; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 15px; } .news-l-t-top .date{ font-size: 14px; line-height: 24px; color: #999999; } .news-l-r-ul { margin-top: 15px; } .news-l-r-ul li a{ display: block; float: left; font-size: 14px; line-height: 36px; color: #333333; background: left center no-repeat; padding-left: 15px; width: calc(100% - 120px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .3s all ease; } .news-l-r-ul li:hover a{ margin-left: 5px; color: #00579c; } .news-l-r-ul li span{ font-size: 14px; color: #999999; line-height: 36px; } .news-right{ width: 159px; height: 100%; float: right; border-left: 1px solid #dddddd; } .news-right-ul{ height: 100%; } .news-right-ul li{ width: 100%; height: 33.33%; border-bottom: 1px solid #dddddd; box-sizing: border-box; position: relative; transition: .3s all ease; } .news-right-ul li a{ display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; z-index: 9; } .news-right-ul li.on::after{ content: ""; width: 166px; height: 100%; background: no-repeat; position: absolute; right: 0; bottom: 0; } .news-right-ul li i{ display: block; background: no-repeat; } .news-right-ul li p{ font-size: 16px; color: #333333; margin-top: 10px; } .news-right-ul li.on p{ color: #ffffff; } .news-right-ul li.li1 i{ width: 40px; height: 40px; background-position: 0 0; } .news-right-ul li.li2 i{ width: 44px; height: 35px; background-position: 0 -41px; } .news-right-ul li.li3 i{ width: 44px; height: 40px; background-position: 0 -77px; } .news-right-ul li.li1.on i{ background-position: -41px 0; } .news-right-ul li.li2.on i{ background-position: -45px -41px; } .news-right-ul li.li3.on i{ background-position: -45px -77px; } .news-bd{ height: 100%; display: none; width: 450px; float: left; } /* 20210112新增 */ .xwzx-left{ width: 590px; height: 404px; float: left; } .xwzx-right{ width: 610px; height: 404px; float: left; } /* 核心业务 */ .hxyw-left{ width: 387px; height: 485px; float: left; background: #d2d2d2; position: relative; box-shadow: 0 0 15px rgba(221,221,221,.8); } .hxyw-left img{ width: 100%; height: 100%; object-fit: cover; } .hxyw-left .nr{ width: 100%; height: 100%; background: rgba(0,0,0,.6); position: absolute; left: 0; top: 0; z-index: 99; display: flex; align-items: center; justify-content: center; flex-direction: column; display: none; transition: .5s all ease; } .hxyw-left:hover .nr{ display: flex; } .hxyw-left .nr .bt{ font-size: 24px; font-weight: bold; color: #ffffff; text-align: center; } .hxyw-left .nr .line{ display: block; width: 34px; height: 1px; background: #ffffff; opacity: .5; margin-top: 20px; } .hxyw-left .nr .text{ font-size: 14px; line-height: 24px; color: #ffffff; text-align: center; justify-content: center; max-width: 315px; margin: 15px auto 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .hxyw-left .nr .ckxx{ display: block; width: 128px; height: 28px; line-height: 28px; text-align: center; border: 1px solid rgba(255,255,255,.5); border-radius: 20px; font-size: 16px; color: #ffffff; margin-top: 30px; transition: .3s all ease; } .hxyw-left .nr .ckxx:hover{ border: 1px solid #ffffff; } .hxyw-bd{ display: none; max-height: 485px; overflow: hidden; } .hxyw-ul{ margin-left: 387px; } .hxyw-ul li{ width: 387px; height: 235px; float: left; background: #d2d2d2; box-shadow: 0 0 15px rgba(221,221,221,.8); position: relative; margin-left: 19px; margin-bottom: 15px; } .hxyw-ul li .nr{ width: 100%; height: 100%; background: rgba(0,0,0,.6); position: absolute; left: 0; top: 0; z-index: 99; display: flex; align-items: center; justify-content: center; flex-direction: column; display: none; transition: .5s all ease; } .hxyw-ul li:hover .nr{ display: flex; } .hxyw-ul li .nr .bt{ font-size: 24px; font-weight: bold; color: #ffffff; text-align: center; } .hxyw-ul li .nr .line{ display: block; width: 34px; height: 1px; background: #ffffff; opacity: .5; margin-top: 20px; } .hxyw-ul li .nr .text{ font-size: 14px; line-height: 24px; color: #ffffff; text-align: center; justify-content: center; max-width: 315px; margin: 15px auto 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .hxyw-ul li .nr .ckxx{ display: block; width: 128px; height: 28px; line-height: 28px; text-align: center; border: 1px solid rgba(255,255,255,.5); border-radius: 20px; font-size: 16px; color: #ffffff; margin-top: 30px; transition: .3s all ease; } .hxyw-ul li .nr .ckxx:hover{ border: 1px solid #ffffff; } /* 企业管理 */ .business-content{ padding: 45px 0 50px; } .title-global .zwmc{ font-size: 20px; color: #333333; font-weight: bold; } .title-global .ywmc{ font-size: 14px; color: #999999; font-family: arial; margin-top: 5px; } .title-global .readme{ font-size: 14px; color: #666666; background: left center no-repeat; padding-left: 20px; } .business-wrap{ width: 585px; height: 350px; box-shadow: 0 0 15px rgba(221,221,221,.8); margin-right: 22px; } .business-wrap .pic{ width: 100%; height: 150px; position: relative; } .business-wrap .pic .bg{ width: 100%; height: 100%; background: rgba(0,0,0,.33); position: absolute; left: 0; top: 0; font-size: 24px; font-weight: bold; color: #ffffff; display: flex; align-items: center; justify-content: center; flex-direction: column; } .business-wrap .pic .bg i{ display: block; width: 34px; height: 1px; background-color: #ffffff; margin-top: 18px; } .business-ul{ padding: 10px 20px; } .business-ul li{ height: 36px; } .business-ul li a{ display: block; font-size: 14px; color: #333333; height: 36px; line-height: 36px; background: left center no-repeat; padding-left: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .3s all ease; width: calc(100% - 140px); } .business-ul li span { font-size: 14px; color: #999999; line-height: 36px; } .business-ul li:hover a{ color: #00579c; margin-left: 5px; } /* 核心业务 */ .hxyw-content{ width: 100%; min-width: 1366px; padding: 45px 0 50px ; background: #ffffff; } /* 党群工作 */ .dqgz-content{ width: 100%; min-width: 1366px; padding: 45px 0 50px ; background: #ffffff; } .wrap-hd{ margin-left: 115px; } .wrap-hd .wrap-hd-c { float: left; } .wrap-hd .wrap-hd-c a{ float: left; display: block; padding-bottom: 19px; border-bottom: 1px solid transparent; color: #666666; font-size: 16px; cursor: pointer; } .wrap-hd span{ font-size: 16px; color: #666666; margin: 0 9px; float: left; } .wrap-hd .wrap-hd-c.on a{ color: #00579c; border-bottom: 1px solid #00579c; } .wrap-hd-c:last-child span{ display: none; float: left; } .dqgz-ul{ display: none; } .dqgz-ul li{ width: 585px; height: 167px; background: #f4f5f7; margin: 30px 30px 0 0; float: left; transition: .3s all ease; } .dqgz-ul li:hover{ background: #ffffff; box-shadow: 0 0 15px rgba(221,221,221,.8); } .dqgz-ul li a{ display: block; padding: 20px; } .dqgz-ul li .bt{ font-size: 16px; font-weight: bold; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .3s all ease; } .dqgz-ul li:hover .bt{ color: #00579c; } .dqgz-ul li .nr{ font-size: 14px; color: #999999; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: justify; margin-top: 12px; } .dqgz-ul li .date{ font-size: 14px; color: #999999; margin-top: 15px; background: right center no-repeat; transition: .3s all ease; } .dqgz-ul li:hover .date{ background: right center no-repeat; } /* 底部 */ .footer{ width: 100%; min-width: 1366px; height: 320px; background: #00579c; } .footer-top{ height: 249px; padding-top: 35px; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,.1); } .footer-dl{ float: left; margin-right: 70px; } .footer-dl dt{ font-size: 15px; color: #d6ecfe; padding-bottom: 10px; position: relative; margin-bottom: 8px; } .footer-dl dt::after{ content: ""; width: 30px; height: 1px; background: rgba(255,255,255,.3); position: absolute; left: 0; bottom: 0; } .footer-dl dd a{ font-size: 14px; color: #d6ecfe; line-height: 30px; } .footer-dl dd a:hover, .footer-bottom a:hover{ color: #b0cee6; } .footer-right .dt{ text-align: right; font-size: 16px; color: #d6ecfe; } .footer-right .dh{ font-size: 24px; font-weight: bold; color: #d6ecfe; padding-left: 45px; background: left center no-repeat; margin-top: 20px; } .footer-right .dz{ text-align: right; font-size: 14px; color: #d6ecfe; margin-top: 15px; } /*分享*/ .share-right{ margin-top: 25px; height: 36px; } .share-right span{ font-size: 16px; color: #3f3f3f; line-height: 36px; float: left; } .m-share { float: right; } .share { zoom: 1; } .share:after { content: ""; display: block; clear: both; } .share a { float: left; width: 36px; height: 36px; padding:0; border-radius: 50%; margin-left: 30px; /* background: #c9c9c9; */ cursor: pointer; display: block; } .share a i { display: block; width: 36px; height: 36px; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; } .share #share-icon { width: 26px; height: 26px; float: left; display: none; } .share #share-icon img { width: 100%; height: 100%; } .share .share-wechat { position: relative; } .share .share-wechat i { background: 0 center no-repeat; } .share .share-weibo i { background: -36px center no-repeat; } .share .bg-code { left: -36px; z-index: 10; } .share .qrcode { position: absolute; top: -120px; border: 1px solid #ccc; padding: 5px; background: #fff; display: none; width: 100px; height: 100px; left: -98%; z-index: 11; } .share .close-btn { position: absolute; background: #fff; color: #000; font-size: 12px; z-index: 12; width: 12px; height: 12px; line-height: 12px; text-align: center; right: -39px; top: 50px; display: none; cursor: pointer; } .footer-bottom{ height: 70px; line-height: 70px; font-size: 14px; color: #d6ecfe; } .footer-bottom a{ color: #d6ecfe; } /* 管理团队 */ .banner{ width: 100%; min-width: 1366px; height: 380px; position: relative; } .banner img{ width: 100%; height: 100%; object-fit: cover; vertical-align: top; } .banner .container{ height: 100%; position: absolute; left: 50%; margin-left: -600px; top: 0; display: flex; align-items: center; } .banner .container .text{ min-width: 270px; height: 150px; background: rgba(0,87,156,.9); padding: 30px; box-sizing: border-box; } .banner .container .text .zw{ font-size: 28px; font-weight: bold; color: #ffffff; } .banner .container .text .yw{ font-size: 24px; font-family: arial; color: #ffffff; margin-top: 15px; } .current-content{ width: 100%; min-width: 1366px; height: 80px; background: #ffffff; box-shadow: 0 0 8px #dddddd; } .current-ul li{ font-size: 14px; line-height: 78px; position: relative; padding-right: 15px; float: left; margin-right: 15px; } .current-ul li::after{ content: ""; width: 1px; height: 14px; background-color: #dddddd; position: absolute; top: 50%; margin-top: -7px; right: 0; } .current-ul li:last-child::after{ display: none; } .current-ul li a{ display: block; color: #333333; border-bottom: 2px solid transparent; transition: .3s all ease; } .current-ul li:hover a{ color: #00579c; } .current-ul li.on a{ color: #00579c; border-bottom: 2px solid #00579c; } .current-right{ background: left center no-repeat; padding-left: 28px; } .current-right a{ float: left; font-size: 14px; color: #999999; line-height: 80px; } .current-right a span{ margin: 0 5px; } .current-right a:last-child span{ display: none; } .gltd-ul li{ padding: 20px; height: 240px; border-bottom: 1px solid #dddddd; transition: .3s all ease; } .gltd-ul li:hover{ background: #ffffff; } .gltd-ul li .pic{ width: 175px; height: 240px; background: #dddddd; float: left; } .gltd-ul li .pic img{ width: 100%; height: 100%; object-fit: cover; } .gltd-ul li .text{ margin-left: 205px; } .gltd-ul li .text .bt{ font-size: 18px; font-weight: bold; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 25px; } .gltd-ul li .text .nr{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #999999; text-align: justify; margin-top: 25px; } .gltd-ul li .text .ckxq{ display: block; width: 108px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #cccccc; border-radius: 20px; font-size: 14px; color: #999999; margin-top: 60px; } /* 集团简介 */ .jtjj-content{ background: #ffffff; padding: 45px 50px 50px; margin: 20px 0 30px; } .jtjj-content .bt{ text-align: center; font-size: 24px; color: #333333; } .jtjj-content .bt i{ display: block; width: 34px; height: 2px; background: #00579c; margin: 15px auto 0; } .jtjj-content .nr{ margin-top: 40px; } .jtjj-content .nr, .jtjj-content .nr *{ font-size: 14px!important; color: #333333; line-height: 30px!important; text-align: justify; max-width: 100%; } .jtjj-content .nr table{ margin: 0 auto; } /* 联系我们 */ .lxwm-content{ margin: 65px 0 50px; } .lxwm-content .bt{ text-align: center; font-size: 24px; color: #333333; } .lxwm-content .bt i{ display: block; width: 34px; height: 2px; background: #00579c; margin: 15px auto 0; } .lxwm-content .nr{ margin-top: 50px; } .lxwm-content .nr .pic{ width: 830px; height: 382px; padding: 5px; background: #ffffff; box-sizing: border-box; float: left; } #map{ height: 100%; } .lxwm-content .nr .text{ margin-left: 830px; height: 382px; background: #00579c; padding: 45px 50px; box-sizing: border-box; } .lxwm-content .nr .text dt{ font-size: 24px; color: #ffffff; margin-bottom: 45px; } .lxwm-content .nr .text dd{ font-size: 14px; color: #ffffff; padding-left: 35px; background: left center no-repeat; background-position: 0 0; margin-top: 25px; } .lxwm-content .nr .text .dd2{ background-position: 0 -48px; } .lxwm-content .nr .text .dd3{ background-position: 0 -96px; } .lxwm-content .nr .text .dd4{ background-position: 0 -144px; } /* 人才招聘 */ .rczp-content{ background: #f2f5f8; margin: 60px auto ; padding: 20px 25px; } .rczp-list{ width: 525px; height: 50px; background: #ffffff; margin: 20px 25px; } .rczp-left{ width: 115px; text-align: right; font-size: 14px; color: #333333; line-height: 50px; float: left; } .rczp-left span{ color: #ff0000; margin-right: 8px; } .rczp-right{ margin-left: 115px; height: 50px; padding: 0 30px 0 15px; } .rczp-right *{ width: 100%; height: 100%; box-sizing: border-box; border: none; outline: none; background: none; resize: none; font-family: "微软雅黑"; } .rczp-list .scjl{ display: block; height: 50px; line-height: 50px; text-align: center; background: #909399; font-size: 14px; color: #ffffff; } .rczp-content .zhu{ font-size: 12px; color: #333333; margin: 20px 25px; } .yzm-content{ width: 525px; background: #eeeeee; padding: 20px 20px; margin: 0 20px; height: 83px; box-sizing: border-box; } .yzm-content input{ width: 245px; height: 43px; padding: 0 10px; background: #ffffff; outline: none; border: none; float: left; } .yzm-content .pic{ width: 100px; height: 43px; margin-left: 10px; float: left; } .yzm-content .pic img{ width: 100%; height: 100%; } .yzm-content .ljsq{ display: block; width: 100px; height: 43px; line-height: 43px; text-align: center; background: #20b2aa; color: #ffffff; margin-left: 10px; float: left; } /* 简历列表 */ .recre-nr{ width: 100%; margin: 60px 0; } .recre-list{ width: 100%; background: #f6f8f9; border-bottom: 1px solid #d3d3d3; } .recre-list.on .rere-bt{ background: #eaeef3; } .rere-bt{ height: 58px; } .recre-list.dt{ background: #00579c; border-bottom: none; } .recre-list .dd{ float: left; width: 20%; height: 100%; line-height: 57px; text-align: center; font-size: 14px; color: #4f4e4e; overflow: hidden; } .recre-list .xh{ width: 100px; } .recre-list .ssgs{ width: 260px; } .recre-list .zpzw{ width: 180px; } .recre-list .bm{ width: 180px; } .recre-list .zprs{ width: 150px; } .recre-list .gzdd{ width: 180px; } .recre-list .xq{ width: 150px; } .zp-arrow{ display: inline-block; width: 13px; height: 100%; background: center no-repeat; cursor: pointer; } .zp-arrow.on{ transform:rotate(180deg); -ms-transform:rotate(180deg); /* ie 9 */ -moz-transform:rotate(180deg); /* firefox */ -webkit-transform:rotate(180deg); /* safari å’œ chrome */ -o-transform:rotate(180deg); /* opera */ } .recre-list.dt .dd{ font-size: 16px; color: #ffffff; line-height: 58px; } .recre-xq{ display: none; width: 100%; background: #f7f9fc; padding: 0 110px 75px; border-top: 1px solid #d3d3d3; box-sizing: border-box; } .zplb{ padding-top: 40px; } .zplb span.bt{ font-size: 18px; color: #4f4e4e; display: block; margin-bottom: 20px; } .zplb .nr{ font-size: 14px; color: #4f4e4e; line-height: 34px; } .sqgw-btn{ display: block; width: 180px; height: 50px; line-height: 50px; text-align: center; background: #00579c; font-size: 18px; color: #ffffff; margin-top: 45px; } /* 集团概况 */ .about-jtjj{ min-width: 1366px; padding: 45px 0 50px; background: center no-repeat; } .wrap-bt{ text-align: center; font-size: 24px; color: #333333; } .wrap-bt i { display: block; width: 34px; height: 2px; background: #00579c; margin: 15px auto 0; } .about-jtjj-ul li{ width: 25%; float: left; text-align: center; margin: 30px 0; } .about-jtjj-ul li .text1{ font-size: 42px; font-weight: bold; color: #00579c; } .about-jtjj-ul li .text1 span{ font-size: 14px; } .about-jtjj-ul li .text2{ font-size: 14px; color: #999999; margin-top: 5px; } .about-jtjj .nr{ font-size: 15px; line-height: 30px; color: #333333; text-align: justify; } .readmore{ display: block; width: 128px; height: 28px; line-height: 28px; border: 1px solid #c6c6c6; border-radius: 20px; margin: 15px auto 0; font-size: 14px; color: #666666; text-align: center; } .readmore img{ margin-right: 10px; } /* 领导致辞 */ .about-ldzc{ width: 100%; min-width: 1366px; /* height: 427px; */ padding: 45px 0 40px; background: ; } .about-ldzc .wrap-bt{ color: #ffffff; } .about-ldzc .wrap-bt i{ background: #ffffff; } .about-ldzc .nr{ font-size: 15px; line-height: 30px; color: #ffffff; text-align: justify; margin-top: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; max-height: 210px; } .about-ldzc .zcld{ font-size: 15px; line-height: 30px; color: #ffffff; text-align: right; } /* 资质荣誉 */ .about-zzry{ padding: 45px 0 50px; } #certify { position: relative; width: 930px; margin: 50px auto 0; } /* #certify .swiper-container { padding-bottom: 60px; } */ #certify .swiper-slide { width: 420px; height: 350px; opacity: 0!important; } #certify .swiper-slide.swiper-slide-active, #certify .swiper-slide.swiper-slide-next, #certify .swiper-slide.swiper-slide-prev{ opacity: 1!important;; } #certify .swiper-slide a{ width: 100%; } #certify .swiper-slide img{ display:block; width: 100%; height: 300px } #certify .swiper-slide p { line-height: 50px; text-align: center; color: #333333; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; } #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } #certify .swiper-button-prev { left: -95px; width: 20px; height: 38px; background: no-repeat; background-position: 0 0; top: 130px; margin-top: 0; opacity: .7; outline: none; } #certify .swiper-button-prev:hover { opacity: 1; } #certify .swiper-button-next { right: -95px; width: 20px; height: 38px; background: no-repeat; background-position: -20px 0; top: 130px; margin-top: 0; opacity: .7; outline: none; } #certify .swiper-button-next:hover { opacity: 1; } /* 更多跳转 */ .about-gdtz{ padding: 50px; background: #ffffff; } .about-gdtz ul li{ float: left; width: 240px; height: 280px; position: relative; } .about-gdtz ul li img{ width: 100%; height: 100%; object-fit: cover; } .about-gdtz ul li a{ display: block; width: 100%; height: 100%; background: rgba(0,0,0,.6); position: absolute; left: 0; top: 0; z-index: 99; } .about-gdtz ul li a .bt{ font-size: 20px; font-size: bold; color: #ffffff; margin-top: 50px; margin-left: 30px; } .about-gdtz ul li a .line{ display: block; width: 34px; height: 2px; background: #ffffff; margin-top: 20px; margin-left: 30px; } .about-gdtz ul li a .yw{ font-size: 16px; font-family: arial; color: #dedede; margin-top: 25px; margin-left: 30px; } /* 组织机构 */ .zzjg-content{ padding: 45px 0 50px; background: #ffffff; margin: 20px auto; } .zzjg-content .nr{ margin-top: 50px; text-align: center; } /* 视频中心 */ .spzx-content{ padding: 50px 0; } .spzx-hd { display: flex; align-items: center; justify-content: center; } .spzx-hd li{ min-width: 136px; height: 42px; line-height: 42px; text-align: center; border: 1px solid #00579c; margin: 0 7px; font-size: 16px; box-sizing: border-box; } .spzx-hd li.on{ background: #00579c; } .spzx-hd li a{ display: block; color: #00579c; } .spzx-hd li.on a{ color: #ffffff; } .spzx-ul{ padding-top: 20px; } .spzx-ul li{ width: 380px; height: 308px; background: #ffffff; float: left; margin: 30px 30px 0 0; } .spzx-ul li .pic{ height: 248px; width: 100%; position: relative; overflow: hidden; } .spzx-ul li .pic img{ width: 100%; height: 100%; object-fit: cover; webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; } .spzx-ul li:hover .pic img{ transform: scale(1,1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transition: all 1s ease 0.8s; -moz-transition: all 1s ease 0.8s; -ms-transition: all linear 0.8s; -o-transition: all linear 0.8s; transition: all linear 0.8s; } .spzx-ul li .pic .bg{ width: 100%; height: 100%; background: center no-repeat rgba(0,0,0,.3); position: absolute; left: 0; top: 0; z-index: 99; } .spzx-ul li .text{ font-size: 18px; color: #333333; text-align: center; height: 60px; line-height: 60px; padding: 0 10px; overflow: hidden; transition: .3s all ease; } .spzx-ul li:hover .text{ color: #00579c; } /* 文章列表 */ .wzlb-ul li{ height: 120px; background: #ffffff; margin-top: 30px; padding: 30px 0 45px; } .wzlb-ul li a{ display: block; width: 100%; height: 100%; } .wzlb-ul li .date{ width: 139px; height: 100%; border-right: 1px solid #dddddd; display: flex; align-items: center; justify-content: center; flex-direction: column; } .wzlb-ul li .date .year{ font-size: 48px; font-family: georgia; color: #00579c; } .wzlb-ul li .date .mouth{ font-size: 16px; color: #999999; margin-top: 10px; } .wzlb-ul li .text{ margin-left: 170px; padding-right: 25px; } .wzlb-ul li .text .bt{ font-size: 18px; font-weight: bold; color: #333333; padding-top: 5px; transition: .3s all ease; } .wzlb-ul li:hover .text .bt{ color: #00579c; } .wzlb-ul li .text .nr{ font-size: 14px; color: #999999; text-align: justify; line-height: 24px; margin-top: 10px; } .wzlb-ul li .text .arrow{ display: block; width: 25px; height: 13px; background: no-repeat; background-position: -25px 0; margin-top: 10px; transition: .3s all ease; } .wzlb-ul li:hover .text .arrow{ background-position: 0 0; } /* 详情 */ .detail{ padding: 50px; } .detail-title .bt{ text-align: center; font-size: 24px; font-weight: bold; color: #333333; } .detail-title .nr{ width: 100%; height: 50px; line-height: 50px; background: #f2f6f8; margin-top: 20px; text-align: center; } .detail-title .nr span{ font-size: 14px; color: #999999; margin: 0 15px; } .detail-title .nr em{ font-style: normal; } .detail-title .nr em.on{ color: #ff0000; } .detail-nr{ padding-top: 60px; } /*.detail-nr *{ font-size: 16px; line-height: 44px; color: #333333; text-align: justify; }*/ .detail-nr img{ max-width: 100%; } .detail-bottom{ margin-top: 75px; padding-bottom: 20px; background: repeat-x bottom; } .detail-bottom .share-left{ font-size: 16px; color: #333333; line-height: 36px; } .detail-bottom .share-left .share a{ margin-left: 15px; } .detail-bottom .share-left .share .share-wechat i{ background: no-repeat; } .detail-bottom .share-left .share .share-weibo i { background: -51px 0 no-repeat; } .detail-bottom .share-left .share .share-qqzone i { background: -102px 0 no-repeat; } .share .share-wechat .ewm{ width: 100px; position: absolute; left: 50%; margin-left: -50px; top: -105px; display: none; } .detail-right{ line-height: 36px; } .detail-sxp{ margin-top: 10px; } .detail-sxp li{ font-size: 14px; line-height: 36px; color: #333333; border-bottom: 1px solid #dddddd; } .detail-sxp li a{ color: #333333; transition: .3s all ease; } .detail-sxp li:hover a{ color: #00579c; } /* 网站地图 */ .wzdt-dl dt{ height: 42px; line-height: 42px; background: #f2f5f8; font-size: 16px; font-weight: bold; color: #00579c; padding-left: 20px; } .wzdt-dl dd a{ display: inline-block; font-size: 14px; color: #333333; line-height: 24px; margin: 25px 20px; transition: .3s all ease; } .wzdt-dl dd a:hover{ color: #00579c; } /* 在线咨询 */ .zxzx-content{ padding: 60px 0; } .zxzx-box{ background: #f2f5f8; padding: 50px 0; } /* .wyzx-list{ margin: 30px 35px 0; } */ .wyzx-list input{ height: 50px; line-height: 50px; border: none; outline: none; color: #4a4a4a; font-size: 14px; font-family: "微软雅黑"; width: 100%; padding: 0 10px 0 100px; box-sizing: border-box; } .wyzx-list select{ height: 50px; line-height: 50px; border: none; outline: none; color: #4a4a4a; font-size: 14px; font-family: "微软雅黑"; width: 400px; padding: 0 10px; box-sizing: border-box; margin-left: 100px; /* margin-left: 100px; */ } .wyzx-list textarea{ min-height: 140px; line-height:20px; border: none; outline: none; color: #4a4a4a; font-size: 14px; font-family: "微软雅黑"; width: 100%; padding: 0 10px 0 100px; box-sizing: border-box; resize:none; } .wyzx-list input::-webkit-input-placeholder { /* chrome/opera/safari */ color: #4a4a4a; } .wyzx-list input::-moz-placeholder { /* firefox 19 */ color: #4a4a4a; } .wyzx-list input:-ms-input-placeholder { /* ie 10 */ color: #4a4a4a; } .wyzx-list input:-moz-placeholder { /* firefox 18- */ color: #4a4a4a; } .zxlb{ width: 525px; height: 50px; position: relative; margin: 20px 0 0 50px; background: #ffffff; } .zxlb .tips{ width: 100px; color: #4a4a4a; font-size: 14px; line-height: 50px; position: absolute; top: 0; left: 10px; z-index: 99; } .zxlb .tips span{ margin-right: 5px; } .wyzx-list .yzm{ width: 120px; height: 50px; margin-left: 10px; } .wyzx-list .yzm img{ width: 100%; height: 100%; } .wyzx-btn { text-align: center; margin-top: 50px; } .wyzx-btn input { width: 155px; height: 50px; line-height: 50px; background: #b5b8bb; border: 1px solid #b5b8bb; color: #ffffff; font-size: 16px; cursor: pointer; padding: 0; margin: 0 15px; } .wyzx-btn input[type="button"]{ color: #ffffff; background: #00579c; border: 1px solid #00579c; } .zhu{ font-size: 14px; color: #333333; margin: 15px 0 0 50px; } .zhu span, .zhu a{ color: #ff0000; } /* 咨询列表 */ .zxlb-ul li{ /* height: 170px; */ background: #f2f5f8; margin-bottom: 20px; } .zxlb-ul li .title{ height: 60px; /* line-height: 60px; */ border-bottom: 1px solid #dddddd; } .zxlb-ul li .title span{ font-size: 16px; font-weight: bold; color: #00579c; border-left: 5px solid #00579c; padding-left: 20px; margin-top: 20px; } .zxlb-ul li .title p{ font-size: 14px; color: #999999; margin-right: 20px; line-height: 60px; } .zxlb-ul li .nr{ padding: 25px; } .q-content{ background: left center no-repeat; padding-left: 40px; font-size: 14px; color: #999999; line-height: 20px; text-align: justify; } .a-content{ background: left center no-repeat; padding-left: 40px; font-size: 14px; color: #999999; line-height: 20px; margin-top: 20px; text-align: justify; } /* 发展历程 */ .fzlc-content { padding: 50px 0; } .fzlc-ul { /* padding: 75px 0; */ /* border-left: 1px solid #00579c; */ position: relative; /* margin-left: 5px; */ padding-right: 10px; max-height: 500px; overflow: auto; } .fzlc-wrap{ max-height: 500px; overflow: hidden; padding: 75px 0; position: relative; } .fzlc-wrap::before{ content: ""; width: 1px; height: 100%; background: #00579c; position: absolute; left: 17px; top: 0; } .fzlc-ul::-webkit-scrollbar { /*滚动条整体样式*/ width: 3px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .fzlc-ul::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 3px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #01589c; } .fzlc-ul::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 3px; background: #ededed; } .fzlc-ul li { margin-bottom: 20px; padding-left: 11px; margin-left: 6px; } .fzlc-ul li:last-child { margin-bottom: 0; } .fzlc-title { background: left center no-repeat; font-size: 18px; font-weight: bold; color: #333333; padding-left: 86px; position: relative; margin-left: -11px; } .fzlc-title::after { content: ""; width: 55px; height: 1px; background: #dddddd; position: absolute; left: 22px; top: 50%; } .fzlc-nr { font-size: 14px; line-height: 24px; color: #666666; text-align: justify; width: 1145px; background: #f2f5f8; padding: 15px 20px; box-sizing: border-box; margin-left: 25px; margin-top: 20px; } .fzlc-pre { display: block; width: 34px; height: 34px; background: ; /* margin-left: -12px; */ } .fzlc-next { display: block; width: 34px; height: 34px; background: ; /* margin-left: -12px; */ } /* 集团站群 */ #ess_ctr798_contentpane{ margin: 0 auto; } /* 20210115新增 */ .swiper-container-zjgc{ margin-left: 20px; width: 793px; height: 485px ; } .swiper-container-zjgc .swiper-slide { width: 387px; height: 235px; /* float: left; */ background: #d2d2d2; box-shadow: 0 0 15px rgb(221 221 221 / 80%); position: relative; /* margin-left: 19px; */ margin-top: 0!important; margin-bottom: 15px; } .swiper-container-zjgc .swiper-slide .nr{ width: 100%; height: 100%; background: rgba(0,0,0,.6); position: absolute; left: 0; top: 0; z-index: 99; display: flex; align-items: center; justify-content: center; flex-direction: column; display: none; transition: .5s all ease; } .swiper-container-zjgc .swiper-slide:hover .nr{ display: flex; } .swiper-container-zjgc .swiper-slide .nr .bt{ font-size: 24px; font-weight: bold; color: #ffffff; text-align: center; } .swiper-container-zjgc .swiper-slide .nr .line{ display: block; width: 34px; height: 1px; background: #ffffff; opacity: .5; margin-top: 20px; } .swiper-container-zjgc .swiper-slide .nr .text{ font-size: 14px; line-height: 24px; color: #ffffff; text-align: center; justify-content: center; max-width: 315px; margin: 15px auto 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .swiper-container-zjgc .swiper-slide .nr .ckxx{ display: block; width: 128px; height: 28px; line-height: 28px; text-align: center; border: 1px solid rgba(255,255,255,.5); border-radius: 20px; font-size: 16px; color: #ffffff; margin-top: 30px; transition: .3s all ease; } .swiper-container-zjgc .swiper-slide .nr .ckxx:hover{ border: 1px solid #ffffff; } .dqgz-left{ width: 745px; } .dqgz-right{ width: 425px; margin-left: 30px; } .dqgz-left-bd{ width: 745px; height: 262px; background: #f5f5f5; margin-top: 30px; display: none; } .dqgz-left-bd .swiper-container{ width: 400px; height: 262px; float: left; background: #ffffff; } .dqgz-left-bd .swiper-container a{ position: relative; width: 100%; height: 100%; } .dqgz-left-bd .swiper-container img{ width: 100%; height: 100%; } .dqgz-left-bd .swiper-container .text{ width: 100%; height: 50px; line-height: 50px; background: rgba(70,70,70,.3); font-size: 16px; color: #ffffff; position: absolute; left: 0; bottom: 0; z-index: 9; padding: 0 100px 0 10px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dqgz-left-bd .swiper-container .swiper-pagination-bullet{ width: 6px; height: 6px; border: 1px solid #ffffff; background: none; opacity: 1; } .dqgz-left-bd .swiper-container .swiper-pagination-bullet-active{ background: #ffffff; } .dqgz-left-bd .swiper-container .swiper-pagination{ text-align: right; right: 16px; left: initial; bottom: 15px; width: auto; } .dqgz-left-ul{ width: 310px; float: left; margin-left: 20px; padding-top: 5px; } .dqgz-left-ul li a { display: block; font-size: 14px; line-height: 36px; color: #333333; background: left center no-repeat; padding-left: 15px; width: 95%; text-align: justify; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .3s all ease; } .dqgz-left-ul li a:hover{ color: #00579c; } .tdkfb-content{ width: 425px; height: 262px; background: #f5f5f5; margin-top: 30px; } .swiper-container-tdkfb .swiper-slide{ padding: 10px; box-sizing: border-box; } .swiper-container-tdkfb .swiper-slide .pic{ width: 163px; height: 242px; float: left; } .swiper-container-tdkfb .swiper-slide .pic img{ width: 100%; height: 100%; } .swiper-container-tdkfb .swiper-slide .text{ margin-left: 22px; float: left; width: 215px; } .swiper-container-tdkfb .swiper-slide .text .date{ font-size: 18px; font-weight: bold; color: #333333; padding-top: 20px; } .swiper-container-tdkfb .swiper-slide .text .nr{ font-size: 14px; line-height: 24px; height: 72px; color: #999999; text-align: justify; margin-top: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .swiper-container-tdkfb .swiper-slide .text .ckxq{ display: block; width: 108px; height: 28px; line-height: 28px; text-align: center; border-radius: 30px; border: 1px solid #c7c7c7; font-size: 14px; color: #999999; margin-top: 20px; transition: .3s all ease; } .swiper-container-tdkfb .swiper-slide .text .ckxq:hover{ color: #00579c; border: 1px solid #00579c; } .swiper-container-tdkfb .swiper-button-next, .swiper-container-tdkfb .swiper-button-prev{ width: 22px; height: 22px; background: ; position: relative; top: 0; margin-top: 0; right: auto; left: auto; float: left; opacity: 1; outline: none; } .swiper-container-tdkfb .swiper-button-prev{ background-position: 0 0; margin-right: 10px; } .swiper-container-tdkfb .swiper-button-next{ /* margin-left: 10px; */ background-position: -22px 0; } .tdkfb-arrow{ height: 22px; position: absolute; left: 195px; bottom: 26px; } .ywhz-content{ display: block; height: 485px; } .ywhz-content img{ vertical-align: top; } .swiper-container-jykf, .swiper-container-ywhz{ width: 585px; height: 485px; float: left; background: #ffffff; } .swiper-container-jykf a, .swiper-container-ywhz a { position: relative; width: 100%; height: 100%; } .swiper-container-jykf img, .swiper-container-ywhz img { width: 100%; height: 100%; object-fit: cover; } .swiper-container-jykf .text , .swiper-container-ywhz .text{ width: 100%; height: 50px; line-height: 50px; background: rgba(70,70,70,.3); font-size: 16px; color: #ffffff; position: absolute; left: 0; bottom: 0; z-index: 9; padding: 0 100px 0 10px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .swiper-container-jykf .on .text { height: 100%; display: flex; align-items: center; justify-content: center; padding: 0; font-size: 36px; font-weight: bold; color: #f00000; text-stroke: 1px #ffffff; -webkit-text-stroke: 1px #ffffff; } .swiper-container-jykf .swiper-pagination-bullet, .swiper-container-ywhz .swiper-pagination-bullet{ width: 6px; height: 6px; border: 1px solid #ffffff; background: none; opacity: 1; } .swiper-container-jykf .swiper-pagination-bullet-active, .swiper-container-ywhz .swiper-pagination-bullet-active{ background: #ffffff; } .swiper-container-jykf .swiper-pagination, .swiper-container-ywhz .swiper-pagination{ text-align: right; right: 16px; left: initial; bottom: 15px; width: auto; } .hxyw-bd .dqgz-left-ul{ width: 585px; } .hxyw-bd .dqgz-left-ul li a{ width: calc(100% - 150px); } .hxyw-bd .dqgz-left-ul li span{ font-size: 14px; color: #999999; line-height: 36px; }