/* 底部 */ footer{ position: static; transform: none; width: 100%; z-index: 99; background: #00510A; } .footer-in .continer1{ padding-top: 43px; align-items: center; } .footer-in .in-block1 { width: 14%; border-right: 1px solid rgba(255, 255, 255, 0.3); } .footer-in .in-block4{ width: 14%; border-left: 1px solid rgba(255, 255, 255, 0.3); } .footer-in .in-block2 { width: 70%; border:none; align-items: flex-start; } .footer-in .in-block2 li{ width: auto; margin-bottom:0 } .footer-in .in-block2 li .li_top{ position: relative; font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; padding-bottom: 15px; margin-bottom: 15px; } .footer-in .in-block2 li .li_top::after{ content: ''; position: absolute; bottom: 0; width: 60%; left: 20%; height: 2px; background: #418838; } .footer-in .in-block2 li > a{ font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #BBBBBB; line-height: 30px; } .footer-in .in-block2 li > a:hover, .footer-in .in-block3 .in-block3-text:hover, .footer-in .in-block3 .in-block3-text1:hover, .top_footer .top_footer_row a:hover { color: #FFFFFF; } .beizhu{ border-top: 1px solid rgba(255, 255, 255, 0.15); margin-top: 40px; } .footer-in .beizhu .continer1{ padding: 10px 0; } .beizhu .continer1 .left{ width: 70%; } .g-yp{ /* width: 20%; */ } .g-yp select::-ms-expand { display: none; } .g-yp select{ width: 100%; height: 33px; background: #4E8655 url(../images/xs.png) no-repeat right 10px center; border: none; color: #fff; padding: 0 40px 0 10px; background-size: 16px 16px; appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; } .beizhu .continer1 .right{ width: 30%; } .beizhu .continer1 .left .text1{ padding-left:0; margin-right: 10px; color: rgba(255, 255, 255, 0.3); } .beizhu .continer1 .right .text1,.beizhu .continer1 .left .text1 a{ color: rgba(255, 255, 255, 0.3); } .beizhu .continer1 .left .text1 a:hover, .beizhu .continer1 .right .text1:hover { color: #FFFFFF; } .beizhu .continer1 .right .line1{ border-left: 1px solid rgba(255, 255, 255, 0.3); } .in-header { position: initial; background: #fff; } .in-header .li-block.active .caidan1, .in-header .li-block .caidan1.act{ font-weight: bold; } .g-nav-top{ height: 55px; background: #FFFFFF; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1000); width: 100%; line-height: 55px; z-index: 99; position: inherit; } .g-nav-top .continer1{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .g-nav-top .nav_left{ display: flex; flex-direction: row; align-items: center; width: 70%; justify-content: flex-start; } .g-nav-top .nav_left .nav_content{ font-size: 15px; font-family: Microsoft YaHei; font-weight: 400; color: #000000; height: 55px; line-height: 55px; padding: 0 40px; position: relative; cursor: pointer; } .g-nav-top .nav_left .nav_content::after{ content: ''; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); width: 1px; height: 15px; background: #CCCCCC; } .g-nav-top .nav_left .nav_content:last-child::after,.g-nav-top .nav_left .nav_content.active::after{ display: none; } .g-nav-top .nav_left .nav_content.active{ background: #418838; color: #fff; } .g-nav-top .nav_right{ display: flex; flex-direction: row; align-items: center; justify-content: flex-end; width: 30%; } .g-nav-top .nav_right a{ margin: 0 10px; font-size: 15px; font-family: Microsoft YaHei; font-weight: 400; color: #A0A0A0; } .g-nav-top .nav_right a:nth-child(2) { margin-right: 0; } /* 隐藏栏 */ .recruit-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color:rgba(0, 0, 0, 0.8); transition: opacity 0.5s ease; } .recruit-overlay.active{ display: block; opacity: 9; } .recruit-overlay-content{ width: 50%; height: 80%; margin: 5% auto; position: relative; display: flex; align-items: center; overflow: hidden; } .recruit-guanbi{ position: absolute; width: 26px; height: 26px; right: 25px; top: 4%; cursor: pointer; z-index: 999; } .recruit-overlay .swiper-container{ height: 100%; width: 80%; } .recruit-overlay-content .column{ width: 80%; background: #fff; display: flex; flex-direction: column; padding: 30px; margin: 0 auto; position: relative; border-radius: 10px; } .recruit-overlay-content .column .name{ width: 100%; text-align: left; padding-bottom: 17px; border-bottom: 1px solid #DFDFDF; margin-bottom: 20px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #000000; line-height: 30px; } .recruit-overlay_p{ font-size: 16px; color: #333333; font-family: Microsoft YaHei; font-weight: 400; line-height: 30px; } .recruit-overlay-row{ display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; } .recruit-overlay-row p{ font-size: 14px; color: #333333; font-family: Microsoft YaHei; font-weight: 400; line-height: 30px; margin-right: 20px; } .recruit-overlay-row p span{ color: #838383; } .recruit-overlay-content .column ul{ list-style: decimal; list-style-position: inside; margin-bottom: 20px; } .recruit-overlay-content .column ul li{ color: #838383; font-size: 14px; margin-right: 10px; font-family: Microsoft YaHei; font-weight: 400; line-height: 30px; } .recruit-overlay-footer{ display: flex; flex-direction: row; align-items: center; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #838383; line-height: 30px; } .recruit-overlay-footer span{ margin-left: 40px; } .overlay_cuo{ position: absolute; top: 18px; right: 14%; cursor: pointer; } .recruit-overlay-content .swiper-button-next,.recruit-overlay-content .swiper-button-prev{ width: 23px; height: 50px; background-size: 23px 50px; } .recruit-overlay-content .swiper-button-prev,.recruit-overlay-content .swiper-container-rtl .swiper-button-next{ background-image: url(../images/about/recruit_swiper.png); } .recruit-overlay-content .swiper-button-next,.recruit-overlay-content .swiper-container-rtl .swiper-button-prev{ background-image: url(../images/about/recruit_swiper.png); transform: rotateY(-180deg); } .recruit_content{ text-align: center; width: 100%; height: auto; } .recruit_content img{ height: 100%; } .recruit-overlay-content .swiper-slide{ display: flex; justify-content: center; align-items: center; } .about_name{ font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; position: relative; padding-bottom: 20px; } .about_name::after{ content: ''; position: absolute; bottom: 0; width: 50%; left: 25%; height: 3px; background: #418838; } /* 集团简介 */ .g-about{ padding: 70px 0; background: #F4F4F4; } .g-about .g-about-content{ display: flex; flex-direction: column; width: 100%; align-items: center; } .g-about .g-about-content .about_content{ background: #FFFFFF; margin-top: 65px; display: flex; flex-direction: column; width: 100%; } .g-about .g-about-content .about_content .about_row{ display: flex; flex-direction: row; width: 100%; justify-content: space-around; } .g-about .g-about-content .about_content .about_row .pic{ width: 48%; margin-top: -34px; } .g-about .g-about-content .about_content .about_row .about_right{ width: 48%; margin:60px 30px; height: 392px; overflow: auto; } .g-about .g-about-content .about_content .about_row .about_right p{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; line-height: 30px; } .g-about .g-about-content .about_content .about_min{ margin: 50px 0; display: flex; flex-direction: row; width: 100%; justify-content: space-between; padding: 0 30px; } .g-about .g-about-content .about_content .about_min .about_min_column{ width: 20%; display: flex; flex-direction: column; align-items: center; } .g-about .g-about-content .about_content .about_min .about_min_column p{ font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; } .g-about .g-about-content .about_content .about_min .about_min_column p span{ font-size: 48px; font-family: Arial; font-weight: bold; color: #418838; margin-right: 5px; } .g-about .g-about-content .about_content .about_min .about_min_column h4{ font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; } /* 发展历程 */ .g-min{ padding: 100px 0 0; background:#fff url(../images/about/history.png) no-repeat; background-position: center 174px; } .g-history{ display: flex; flex-direction: column; width: 100%; align-items: center; } .gallery_swiper{ width: 100%; position: relative; } #gallery { width: 1410px; padding-bottom: 66px; position: relative } #gallery .swiper-slide { font-size: 18px; transform: scale(0.8); padding: 40px 0; cursor: pointer; } #gallery .swiper-slide .text { display: none } #gallery .swiper-slide .img { width: 112px; height: 112px; text-align: center; color: #e6f0f3; border-radius: 50%; padding-top: 25px; margin: 0 auto; background: url("../images/about/bg.png") no-repeat center center } #gallery .swiper-slide .img .img_h3 { font-size: 26px; font-weight: bold; line-height: 1.1; } #gallery .swiper-slide .img .p { font-size: 30px; font-weight: bold; line-height: 1.1; } #gallery .swiper-slide-prev .img { margin: 0; float: left } #gallery .swiper-slide-next .img { margin: 0; float: right } #gallery .swiper-slide-prev, #gallery .swiper-slide-next { transform: scale(1); } #gallery .swiper-slide-active { transform: scale(1.5) } #gallery .swiper-slide-active .text { text-align: center; display: block } #gallery .swiper-slide-active .text .bt { color: #418838; font-size: 61px; line-height: 96px; } #gallery .swiper-slide-active .text .jsh { font-size: 12px; color: #333 } #gallery .swiper-slide-active .img { display: none } #gallery .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; border-radius: 50px; background: #d3dadc; opacity: 1; transition: .5s } #gallery .swiper-pagination-bullet-active { width: 25px; background: #FEE308 } .gallery_swiper .swiper-button-prev,.gallery_swiper .swiper-button-next,.honor_swiper .swiper-button-next,.honor_swiper .swiper-button-prev{ background-image:url(../images/about/gallery_swiper.png); width: 23px; height: 50px; margin-top: -25px; z-index: 10; cursor: pointer; background-size: 23px 50px; } .gallery_swiper .swiper-button-prev,.honor_swiper .swiper-button-prev{ left: 0; } .gallery_swiper .swiper-button-next,.honor_swiper .swiper-button-next{ transform: rotateY(180deg); right: 0; } #thumbs { width: 1190px; margin-top: 74px; position: relative } #thumbs:after { content: ''; display: block; height: 1px; width: 100%; position: absolute; top: 7px; background: #1fb6d0; left: 0 } #thumbs .swiper-slide { text-align: center; font-size: 16px; color: #333; font-family: arial; padding: 0 20px; cursor: pointer } #thumbs .swiper-slide .bt { padding-top: 19px; background: url("../images/about/fz.jpg") no-repeat top center } #thumbs .swiper-slide-thumb-active .bt { background: url("../images/about/fzh.jpg") no-repeat top center } /* 企业文化 */ .g-culture{ margin-top: 150px; display: flex; flex-direction: column; width: 100%; align-items: center; } .culture_swiper{ position: relative; padding-bottom: 45px; margin-top: 30px; width: 100%; } .culture_swiper .swiper-pagination{ width: 100%; bottom: 0; } .culture_swiper .swiper-pagination-bullet{ width: 12px; height: 12px; /* background: #DDDDDD; */ margin: 0 5px; border-radius: 6px; } .culture_swiper .swiper-pagination-bullet-active{ width: 40px; background: #418838; } .culture_swiper .culture_content{ position: relative; border-radius: 12px; } .culture_swiper .culture_content .pic{ overflow: hidden; border-radius: 12px; } .culture_swiper .culture_content .pic img { transition: .5s; } .culture_swiper .culture_content:hover .pic img { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .culture_swiper .culture_content .culture_po{ position: absolute; top: 50%; left: 50%; width: 90%; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; z-index: 99; } .culture_swiper .culture_content .culture_po .culture_pic{ margin-bottom: 30px; } .culture_swiper .culture_content .culture_po .culture_pic img{ transition: .5s; } .culture_swiper .culture_content .culture_po h2{ font-size: 28px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .culture_swiper .culture_content .culture_po .culture_p{ display: none; margin-top: 20px; flex-direction: column; align-items: center; width: 100%; transition: .5s; } .culture_swiper .culture_content .culture_po .culture_p p{ font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; line-height: 23px; } .culture_swiper .culture_content:hover .culture_po .culture_pic { margin-bottom: 10px; } .culture_swiper .culture_content:hover .culture_po .culture_pic img{ transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); } .culture_swiper .culture_content:hover .culture_po .culture_p{ display: flex; } .culture_swiper .culture_content .culture_overlay { width: 0; top: 0; left: 50%; z-index: 1; bottom: 0; opacity: .72; position: absolute; background-color: #418838; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: .5s cubic-bezier(0.16,1,0.3,1); transition: .5s cubic-bezier(0.16,1,0.3,1); border-radius: 12px; } .culture_swiper .culture_content:hover .culture_overlay { width: 100%; } /* 威尼斯欢乐娱人v3676行为准则 */ .g-criterion{ margin-top: 50px; display: flex; flex-direction: column; width: 100%; align-items: center; } .g-criterion .criterion_name{ font-size: 28px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; } .g-criterion .criterion_content{ margin-top: 23px; background: url(../images/about/criterion.png) no-repeat bottom; width: 100%; height: 450px; display: flex; flex-direction: row; justify-content: flex-start; } .g-criterion .criterion_content .criterion_min{ width: 25%; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 30px 50px; transition: .5s; } .g-criterion .criterion_content .criterion_min h2{ font-size: 36px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .g-criterion .criterion_content .criterion_min p{ display: none; margin-top: 20px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; line-height: 24px; transition: .5s; } .g-criterion .criterion_content .criterion_min .pic { margin-top: 50px; } .g-criterion .criterion_content .criterion_min .pic .criterion_1{ display: block; transition: .5s; } .g-criterion .criterion_content .criterion_min .pic .criterion_2{ display: none; transition: .5s; } .g-criterion .criterion_content .criterion_min:hover{ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(3px); } .g-criterion .criterion_content .criterion_min:hover p{ display: block; } .g-criterion .criterion_content .criterion_min:hover .pic .criterion_2{ display: block; } .g-criterion .criterion_content .criterion_min:hover .pic .criterion_1{ display: none; } /* 荣誉展厅 */ .g-honor{ background: #FAFAFA; padding:100px 0 ; } .g-honor .honor_content{ display: flex; flex-direction: column; width: 100%; align-items: center; } .honor_swiper{ margin-top: 60px; position: relative; width: 100%; background: url(../images/about/honor_banner.png) no-repeat bottom; /* background-size: 100% 146px; */ } .honor_swiper .swiper-container{ width: 1300px; padding-bottom: 70px; } .honor_swiper .pic{ position: relative; z-index: 2; } .honor_swiper .pic .pic_shadow{ position: relative; z-index: 3; } .honor_swiper .pic .honor_shadow{ position: absolute; bottom: 8px; left: 40px; width: 100%; height: 86px; z-index: 1; } .honor_swiper .swiper-button-next,.honor_swiper .swiper-button-prev{ margin-top: -70px; } /* 管理团队 */ .g-team{ background: #fff; padding: 70px 0 ; position: relative; } .g-team .team_content{ display: flex; flex-direction: column; width: 100%; align-items: center; } .g-team .team_content .team_wrap{ display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: flex-start; margin-top: 30px; } .g-team .team_content .team_wrap .team_min{ width: calc((100% - 0px) / 5); height:260px; background: #FBFBFB; position: relative; display: flex; justify-content: flex-end; align-items: flex-start; transition: .5s; } .g-team .team_content .team_wrap .team_min .pic{ position: relative; } .g-team .team_content .team_wrap .team_min .pic::after{ content: ''; position: absolute; left: -14px; bottom: -14px; height: 28px; width: 28px; background: #418838; transition: .5s; } .g-team .team_content .team_wrap .team_min .team_name{ position: absolute; top: 50%; left: 30px; transform: translate(0,-50%); width: 50%; text-align: left; } .g-team .team_content .team_wrap .team_min .team_name h2{ font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #418838; } .g-team .team_content .team_wrap .team_min .team_name h4{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; margin-top: 15px; } .g-team .team_content .team_wrap .team_min:hover{ background: #F2F3F5; } .g-team .team_content .team_wrap .team_min:hover .pic::after{ transform: translate(14px,-14px); } /* 组织架构 */ .structure{ padding: 38px 0 0; background: url(../images/about/structure.png) no-repeat; } .structure .structure_content{ margin: 20px 0; display: flex; flex-direction: column; align-items: center; } .structure .structure_content .pic{ margin: 0 auto; /* padding-bottom: 30px; */ } /* 新闻动态 */ .b-news-row{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; } .b-news-ss{ display: flex; flex-direction: row; align-items: center; width: 300px; } .b-news-ss input{ width: 80%; height: 52px; border: 1px solid #fff; border-radius: 5px 0 0 5px; padding: 0 18px; line-height: 50px; } .b-news-ss a { width: 20%; height: 52px; line-height: 52px; border-radius: 0px 5px 5px 0px; background: #418838 url(../images/welcome/ss.png) no-repeat center; } .news_content{ display: flex; flex-direction: column; width: 100%; margin-top: 30px; } .news_content .news_row{ background: #FFFFFF; margin-bottom: 30px; display: flex; flex-direction: row; align-items: center; padding: 15px; justify-content: space-between; width: 100%; transition: .5s; } .news_content .news_row .pic{ width: 27%; overflow: hidden; } .news_content .news_row .pic img { transition: .5s; } .news_content .news_row:hover .pic img { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .news_content .news_row .news_min{ width: 70%; display: flex; flex-direction: column; } .news_content .news_row .news_min h2{ font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; transition: .5s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news_content .news_row .news_min p{ margin: 18px 0; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news_content .news_row .news_min .news_min_row{ display: flex; flex-direction: row; align-items: center; width: 100%; justify-content: space-between; } .news_content .news_row .news_min .news_min_row .news_time{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #999999; line-height: 24px; transition: .5s; } .news_content .news_row .news_min .news_min_row .news_but{ border: 1px solid #418838; border-radius: 20px; padding: 10px 35px; font-size: 14px; font-family: Microsoft YaHei; font-weight: bold; color: #418838; line-height: initial; transition: .5s; } .news_content .news_row:hover{ box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.2000); } .news_content .news_row:hover .news_min h2{ color: #418838; } .news_content .news_row:hover .news_min .news_min_row .news_time{ color: #418838; font-weight: bold; } .news_content .news_row:hover .news_min .news_min_row .news_but{ background:#418838 ; color: #fff; } /* 新闻详情 */ .g-news-show{ display: flex; flex-direction: row; width: 100%; justify-content: space-between; } .g-news-show .show-left{ width: 70%; } .g-news-show .g-sidebar{ width: 25%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .g-news-show .g-sidebar .g-sidebar-name{ padding-left: 15px; position: relative; margin-bottom: 20px; font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #616161; line-height: 1; } .g-news-show .g-sidebar .g-sidebar-name::before{ content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: #418838; } .g-news-show .g-sidebar ul{ border-top: 1px solid #CCCCCC; padding-top: 20px; display: flex; flex-direction: column; width: 100%; } .g-news-show .g-sidebar ul li{ margin-bottom: 15px; } .g-news-show .g-sidebar ul li a{ display: flex; flex-direction: row; width: 100%; align-items: center; justify-content: space-between; } .g-news-show .g-sidebar ul li a .sidebar-text{ width: 65%; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 10px; position: relative; } .g-news-show .g-sidebar ul li a .sidebar-text::before{ content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background: #CCCCCC; border-radius: 50%; } .g-news-show .g-sidebar ul li a .sidebar-time{ width: 32%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #999999; text-align: right; } /* 通知公告 */ .notice_row{ background: #FFFFFF; margin-bottom: 30px; display: flex; flex-direction: row; padding: 20px; justify-content: space-between; width: 100%; transition: .5s; } .notice_row .notice_time{ width: 100px; height: 100px; background: #EEEEEE; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: .5s; } .notice_row .notice_time .notice_day{ font-size: 48px; font-family: Microsoft YaHei; font-weight: 400; color: #999999; line-height: 1.1; transition: .5s; } .notice_row .notice_time .notice_year{ font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #999999; } .notice_row .notice_min{ width: 90%; display: flex; flex-direction: column; justify-content: space-between; } .notice_row .notice_min h2{ font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: .5s; } .notice_row .notice_min p{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .notice_row .notice_min h4{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #418838; } .notice_row:hover{ box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.2000); } .notice_row:hover .notice_time .notice_day,.notice_row:hover .notice_time .notice_year,.notice_row:hover .notice_min h2{ color: #418838; } /* 业务布局 */ .business_content{ padding: 100px 0 50px; /* display: flex; flex-direction: row; */ width: 100%; justify-content: space-between; } .business_content .pic{ float: left; position: relative; width: 50%; margin: 0 8% 0 0; } .business_content .pic .pic_border{ border: 2px solid #418838; background: #418838; } .business_content .pic .pic_img{ position: absolute; left: 50px; top: -50px; } .business_content .business_min{ width: 42%; float: left; /* display: flex; flex-direction: column; */ margin-top: 30px; } .business_content .business_min h2{ font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #CCCCCC; } .business_content .business_min p{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height:28px; } .business_content .business_min .business_but{ margin-top: 30px; border: 1px solid #418838; border-radius: 20px; width: 150px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; font-family: Microsoft YaHei; font-weight: bold; color: #418838; transition: .5s; } .business_content .business_min .business_but:hover{ background: #418838; color: #fff; } .clear{ clear: both; } #business .g-container .g-about .about_name{ display: none; } #business .g-container .g-about:first-child .about_name{ display: block; } #business .g-container .g-about:nth-child(2n){ background: #F1F1F1; } #business .g-container .g-about:nth-child(2n) .business_content .business_min{ float: left; } #business .g-container .g-about:nth-child(2n) .business_content .pic{ float: right; margin: 0 0 0 8%; } #business .g-container .g-about:nth-child(2n) .business_content .pic .pic_border{ background: rgba(255, 255, 255, 0); } /* 安全生产 */ .safety_wrap{ margin-top: 30px; display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; } .safety_wrap .safety_column{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc((100% - 90px) / 4); margin-right: 30px; margin-bottom: 30px; cursor: pointer; } .safety_wrap .safety_column:nth-of-type(4n) { margin-right: 0; } .safety_wrap .safety_column .pic{ overflow: hidden; width: 100%; } .safety_wrap .safety_column .pic img { transition: .5s; } .safety_wrap .safety_column:hover .pic img { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .safety_wrap .safety_column p{ padding: 20px 10px 0; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; text-align: center; } /* 公益活动 */ .safety_wrap .welfare_column{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc((100% - 60px) / 3); margin-right: 30px; margin-bottom: 30px; cursor: pointer; } .safety_wrap .welfare_column:nth-of-type(3n) { margin-right: 0; } .safety_wrap .welfare_column .pic{ overflow: hidden; } .safety_wrap .welfare_column .pic img { transition: .6s; } .safety_wrap .welfare_column:hover .pic img { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .safety_wrap .welfare_column .welfare_content{ background: #FFFFFF; border: 1px solid #D1D1D1; padding: 35px 30px; display: flex; flex-direction: column; width: 100%; } .safety_wrap .welfare_column .welfare_content .welfare_row{ display: flex; flex-direction: row; width: 100%; justify-content: space-between; position: relative; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #DDDDDD; margin-bottom: 15px; } .safety_wrap .welfare_column .welfare_content .welfare_row::after{ content: ''; width: 35px; height: 2px; background: #999999; position: absolute; bottom: 0; left:0; -webkit-transition: .6s cubic-bezier(0.25,1,0.5,1); transition: .6s cubic-bezier(0.25,1,0.5,1); } .safety_wrap .welfare_column:hover .welfare_content .welfare_row::after{ background: #418838; left: 0; width: 100%; right: auto; } .safety_wrap .welfare_column .welfare_content .welfare_row h2{ width: 58%; font-size: 20px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: .6s cubic-bezier(0.25,1,0.5,1); transition: .6s cubic-bezier(0.25,1,0.5,1); } .safety_wrap .welfare_column:hover .welfare_content .welfare_row h2{ color:#418838 ; } .safety_wrap .welfare_column .welfare_content .welfare_row .welfare_time{ width: 40%; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #999999; text-align: right; } .safety_wrap .welfare_column .welfare_content p{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; width: 100%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* 项目公告 */ .safety_wrap .project_column{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc((100% - 140px) / 3); margin-right: 70px; margin-bottom: 30px; cursor: pointer; } .safety_wrap .project_column:nth-of-type(3n) { margin-right: 0; } .safety_wrap .project_column .pic{ overflow: hidden; } .safety_wrap .project_column .pic img { transition: .5s; } .safety_wrap .project_column:hover .pic img { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .safety_wrap .project_column .project_content{ background: #FFFFFF; box-shadow: 0px 4px 21px 0px rgba(0,0,0,0.1000); display: flex; flex-direction: row; align-items: center; padding: 15px 20px; width: 100%; justify-content: space-between; } .safety_wrap .project_column .project_content h2{ font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; width: 55%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .safety_wrap .project_column .project_content .project_but{ width: 134px; height: 38px; border: 1px solid #418838; border-radius: 20px; line-height: 36px; text-align: center; font-size: 14px; font-family: Microsoft YaHei; font-weight: bold; color: #418838; transition: .5s; } .safety_wrap .project_column:hover .project_content .project_but{ background:#418838 ; color: #fff; } /* 加入我们 */ .join_row{ display: flex; flex-direction: row; width: 100%; justify-content: space-between; margin-top: 30px; align-items: flex-start; } .join_row .join_left{ width:27%; background: #FFFFFF; box-shadow: 0px 4px 19px 1px rgba(0,0,0,0.1000); border-radius: 10px; display: flex; flex-direction: column; padding: 30px 40px; } .join_row .join_left .join_left_top{ display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; margin-bottom: 20px; } .join_row .join_left .join_left_top h2{ font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; } .join_row .join_left .join_left_top h4{ cursor: pointer; padding-right: 22px; background: url(../images/about/chongzhi.png) no-repeat right center; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; } .join_row .join_left .join_screen{ display: flex; flex-direction: row; align-items: center; width: 100%; margin-bottom: 45px; } .join_row .join_left .join_screen .text1{ width: 75%; background: rgba(65, 136, 56, 0.1); height: 50px; line-height: 50px; padding-left: 20px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; } .join_row .join_left .join_screen .text2{ width: 25%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; background: #418838; cursor: pointer; } .join_row .join_left .el-form-item__label{ font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; padding-bottom: 30px; } .join_row .join_left .el-radio-group,.join_row .join_left .el-checkbox-group{ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .join_row .join_left .el-radio{ margin-right: 0; margin-bottom: 25px; } .join_row .join_left .el-radio:last-child{ margin-bottom:0 } .join_row .join_left .el-radio__label..join_row .join_left .el-checkbox__label{ font-family: Microsoft YaHei; font-weight: 400; color: #666666; } .el-radio__input.is-checked + .el-radio__label,.el-checkbox__input.is-checked + .el-checkbox__label{ color: #666666; } .join_row .join_left .el-radio__inner,.join_row .join_left .el-checkbox__inner{ border: 1px solid #418838; } .join_row .join_left .el-radio__inner:hover { border-color: #418838; } .join_row .join_left .el-radio__input.is-checked .el-radio__inner,.join_row .join_left .el-checkbox__input.is-checked .el-checkbox__inner{ border-color:#418838; background: #418838; } .join_row .join_left .el-form .el-form-item{ margin-bottom: 45px; } .join_row .join_left .el-checkbox{ margin-right: 0; } .join_row .join_right{ width: 70%; display: flex; flex-wrap: wrap; justify-content: flex-start; } .join_row .join_right .join_right_content{ padding: 30px 25px; height: 200px; background: #FFFFFF; border-radius: 10px; display: flex; flex-direction: column; justify-content: space-between; width: calc((100% - 40px) / 3); margin-right: 20px; margin-bottom: 20px; /* transition: .5s; */ } .join_row .join_right .join_right_content:nth-of-type(3n) { margin-right: 0; } .join_row .join_right .join_right_content .content_top{ display: flex; flex-direction: column; width: 100%; } .join_row .join_right .join_right_content .content_top h2{ font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; } .join_row .join_right .join_right_content .content_top p{ margin-top: 15px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 300; color: #666666; } .join_row .join_right .join_right_content .content_time{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 300; color: #666666 } .join_row .join_right .join_right_content:hover{ box-shadow: 0px 4px 19px 1px rgba(0,0,0,0.1000); } .join_row .join_content{ width: 70%; padding: 30px 25px; background-color: #fff; border-radius: 10px; display: flex; flex-direction: column; } .join_row .join_content h2{ font-size: 18px; color: #000; font-family: Microsoft YaHei; border-bottom: 1px solid #dfdfdf; padding-bottom: 15px; } .join_row .join_content .join_information{ margin-top: 30px; display: flex; flex-direction: column; width: 100%; } .join_row .join_content .join_information .information_top{ font-size: 16px; color: #333; font-family: Microsoft YaHei; margin-bottom: 10px; } .join_row .join_content .join_information .information_wrap{ display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; align-items: center; } .join_row .join_content .join_information .information_wrap p{ margin-right: 30px; margin-bottom: 10px; color: #333; font-size: 14px; font-family: Microsoft YaHei; } .join_row .join_content .join_information .information_wrap p span{ color: #838383; } .join_row .join_content .join_information .information_min{ margin-top: 30px; display: flex; flex-direction: column; width: 100%; } .join_row .join_content .join_information .information_min .information_min_top{ margin-bottom: 10px; font-size: 16px; color: #333; font-family: Microsoft YaHei; } .join_row .join_content .join_information .information_min li,.join_row .join_content .join_information .information_mailbox .mailbox_text1{ color: #838383; line-height: 30px; font-size: 14px; font-family: Microsoft YaHei; } .join_row .join_content .join_information .information_mailbox{ display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; } .join_row .join_content .join_information .information_mailbox .mailbox_text1{ margin-right: 30px; } /* 联系我们 */ .join_contact{ margin-top: 70px; display: flex; flex-direction: column; width: 100%; align-items: center; } .join_contact .contact_row{ display: flex; flex-direction: row; width: 100%; justify-content: space-between; margin-top: 30px; } .join_contact .contact_row .contact_left{ width: 30%; background: #FFFFFF; box-shadow: 0px 4px 19px 1px rgba(0,0,0,0.1000); border-radius: 10px; display: flex; flex-direction: column; padding: 30px 70px; } .join_contact .contact_row .contact_left .contact_left_content{ display: flex; flex-direction: column; width: 100%; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid #DFDFDF; } .join_contact .contact_row .contact_left .contact_left_content:last-child{ margin-bottom: 0; padding-bottom: 0px; border-bottom: none } .join_contact .contact_row .contact_left .contact_left_content h2{ padding-left: 36px; color: #333333; font-size: 18px; font-family: Microsoft YaHei; line-height: 34px; } .join_contact .contact_row .contact_left .contact_left_content p{ padding-left: 36px; color: #838383; font-size: 14px; font-family: Microsoft YaHei; margin-top: 10px; } .join_contact .contact_row .contact_left .contact_left_content h2.content1{ background: url(../images/about/h_ctc_ico1.png) no-repeat left center; } .join_contact .contact_row .contact_left .contact_left_content h2.content2{ background: url(../images/about/h_ctc_ico2.png) no-repeat left center; } .join_contact .contact_row .contact_left .contact_left_content h2.content3{ background: url(../images/about/h_ctc_ico3.png) no-repeat left center; } .join_contact .contact_row .contact_left .contact_left_content h2.content4{ background: url(../images/about/h_ctc_ico4.png) no-repeat left center; } .join_contact .contact_row .contact_right{ width: 66%; } /* 社会责任隐藏栏 */ .safety-overlay { display: none; opacity: 0; position: fixed; overflow: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.8); transition: opacity 0.5s ease; justify-content: center; align-items: center; } .safety-overlay.active { display: flex; opacity: 9; } .safety-overlay .safety-overlay-content{ max-width: 1100px; background: #FAFAFA; position: relative; padding: 30px; overflow: hidden; padding: 50px 90px; } .safety-overlay .swiper-container{ max-width: 800px; } .safety-overlay-content .swiper-button-next,.safety-overlay-content .swiper-button-prev{ width: 23px; height: 50px; background-size: 23px 50px; } .safety-overlay-content .swiper-button-prev{ background-image: url(../images/about/safety_swiper.png); } .safety-overlay-content .swiper-button-next{ background-image: url(../images/about/safety_swiper.png); transform: rotateY(-180deg); } .safety-overlay-content .swiper-button-prev{ left: 30px; } .safety-overlay-content .swiper-button-next{ right: 30px; } .safety-overlay-content .safety-guanbi{ position: absolute; right: 20px; top: 20px; cursor: pointer; } .safety-overlay-content .safety_content{ display: flex; flex-direction: column; align-items: center; width: 100%; } .safety-overlay-content .safety_content .safety_min{ display: flex; flex-direction: column; width: 100%; align-items: center; justify-content: center; margin-top: 30px; } .safety-overlay-content .safety_content .safety_min h2{ font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; padding:0 30px 20px 30px; margin-bottom: 18px; position:relative; border-bottom: 1px solid #ddd; } .safety-overlay-content .safety_content .safety_min h2::after{ content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); width: 35px; height: 2px; background: #418838; } .safety-overlay-content .safety_content .safety_min p{ font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 30px; } @media (max-width: 1600px) { .safety-overlay .safety-overlay-content{ max-width: 60%; margin: 20px auto; top: 20px; } .safety-overlay-content .safety_content .pic { text-align: center; } .safety-overlay-content .swiper-button-prev { left: 30px; } .safety-overlay-content .swiper-button-next{ right: 30px; } } @media (max-width: 1501px) { .g-nav-top .nav_left .nav_content{ font-size: 14px; padding: 0 30px; } .g-nav-top .nav_right a{ font-size: 14px; } .about_name { font-size: 30px; padding-bottom: 15px; } .g-about .g-about-content .about_content .about_row .about_right { margin: 40px 30px; } .g-about .g-about-content .about_content .about_row .about_right p { font-size: 14px; } .g-about .g-about-content .about_content .about_min { margin: 30px 0 40px; } .g-about .g-about-content .about_content .about_min .about_min_column p { font-size: 16px; } .g-about .g-about-content .about_content .about_min .about_min_column p span { font-size: 42px; } .g-about .g-about-content .about_content .about_min .about_min_column h4 { font-size: 16px; } .g-min { padding: 80px 0 0; } #gallery { width: 93%; padding-bottom: 50px; } #gallery .swiper-slide-active .text .bt { font-size: 44px; line-height: 74px; } #gallery .swiper-slide .img { width: 102px; height: 102px; } #gallery .swiper-slide .img .img_h3 { font-size: 22px; } #gallery .swiper-slide .img .p { font-size: 26px; } #thumbs { width: 82%; } #thumbs .swiper-slide { font-size: 15px; } .g-culture { margin-top: 100px; } .culture_swiper .culture_content .culture_po h2 { font-size: 25px; } .culture_swiper .culture_content .culture_po .culture_p { margin-top: 15px; } .g-criterion .criterion_name { font-size: 25px; } .g-criterion .criterion_content .criterion_min h2 { font-size: 30px; } .g-criterion .criterion_content .criterion_min p { margin-top: 16px; font-size: 14px; line-height: 22px; } .g-criterion .criterion_content .criterion_min .pic img{ width: 60px; } .honor_swiper .swiper-container { width: 92%; padding-bottom: 62px; } .g-team .team_content .team_wrap .team_min { width: calc((100% - 0px) / 4); } .news_content .news_row .news_min h2 { font-size: 22px; } .news_content .news_row .news_min p { margin: 15px 0; font-size: 14px; line-height: 22px; } .news_content .news_row .news_min .news_min_row .news_time { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #999999; line-height: 22px; } .news_content .news_row .news_min .news_min_row .news_but { padding: 8px 30px; font-size: 12px; } .b-news-ss input{ height: 46px; line-height: 44px; } .b-news-ss a { height: 46px; line-height: 46px; } .notice_row .notice_time { width: 90px; height: 90px; } .notice_row .notice_time .notice_day { font-size: 40px; } .notice_row .notice_time .notice_year { font-size: 12px; } .notice_row .notice_min h2 { font-size: 22px; } .notice_row .notice_min p ,.notice_row .notice_min h4{ font-size: 14px; } .safety_wrap .safety_column p{ font-size: 14px; } .safety_wrap .welfare_column .welfare_content .welfare_row h2 { font-size: 18px; } .safety_wrap .welfare_column .welfare_content .welfare_row .welfare_time { font-size: 12px; } .safety_wrap .welfare_column .welfare_content p { font-size: 14px; } .safety_wrap .project_column .project_content h2 { font-size: 16px; } .safety_wrap .project_column .project_content .project_but { width: 112px; height: 32px; line-height: 30px; font-size: 12px; } .join_row .join_left .join_screen .text1 { height: 45px; line-height: 45px; padding-left: 15px; font-size: 15px; } .join_row .join_left .join_screen .text2{ height: 45px; line-height: 45px; font-size: 15px; } .join_row .join_right .join_right_content .content_top h2 { font-size: 20px; } .join_row .join_right .join_right_content .content_top p { margin-top: 13px; font-size: 14px; } .join_row .join_right .join_right_content .content_time { font-size: 14px; } /* .g-yp{ width: 17%; } */ .g-yp select{ font-size: 12px; padding: 0px 25px 0px 5px; background-size: 12px 12px; } .beizhu .continer1 .right { width: 22%; } } @media (max-width: 992px) { .recruit-overlay-content{ width: 90%; } .g-nav-top{ display: none; } .phone{ position: initial; } .header1{ background: #fff; } .footer-in .continer1{ display: none; } .beizhu{ margin-top: 0; } .g-about { padding: 50px 0; } .g-about .g-about-content .about_content { margin-top: 40px; } .footer-in .beizhu .continer1{ display: flex; flex-direction: row; } .beizhu .continer1 .left { width: 100%; } .g-yp { /* width: 35%; margin: 10px 0; */ } .beizhu .continer1 .right{ width: 100%; } .g-about .g-about-content .about_content .about_row{ flex-direction: column; } .g-about .g-about-content .about_content .about_row .pic { width: 100%; margin-top: 0; } .g-about .g-about-content .about_content .about_row .pic img{ width: 100%; } .g-about .g-about-content .about_content .about_row .about_right { margin: 0; width: 100%; padding: 40px 30px; height: auto; } .g-about .g-about-content .about_content .about_min { margin: 0 0 40px; } .g-about .g-about-content .about_content .about_min .about_min_column p,.g-about .g-about-content .about_content .about_min .about_min_column h4 { font-size: 14px; } .g-about .g-about-content .about_content .about_min .about_min_column p span { font-size: 30px; } .g-min { padding: 50px 0 0; } .g-culture { margin-top: 80px; } .culture_swiper .culture_content .culture_po .culture_pic{ transform: scale(0.8); margin-bottom: 10px; } .culture_swiper .culture_content .culture_po h2 { font-size: 20px; } .g-criterion .criterion_content{ height: 288px; } .g-criterion .criterion_content .criterion_min{ padding: 30px 30px; } .g-criterion .criterion_content .criterion_min h2 { font-size: 20px; } .g-criterion .criterion_content .criterion_min:hover p { display: none; } .g-criterion .criterion_content .criterion_min .pic { margin-top: 32px; } .g-criterion .criterion_content .criterion_min .pic img { width: 40px; } .g-honor { padding: 80px 0; } .honor_swiper .swiper-container { width: 90%; } .g-team { padding: 50px 0; } .g-team .team_content .team_wrap .team_min { width: calc((100% - 0px) / 3); height: 210px; } .g-team .team_content .team_wrap .team_min .pic img{ width: 90px; } .g-team .team_content .team_wrap .team_min .pic::after { left: -10px; bottom: -10px; height: 20px; width: 20px; } .g-team .team_content .team_wrap .team_min:hover .pic::after { transform: translate(10px,-10px); } .g-team .team_content .team_wrap .team_min .team_name { left: 20px; } .g-team .team_content .team_wrap .team_min .team_name h2 { font-size: 18px; } .g-team .team_content .team_wrap .team_min .team_name h4 { font-size: 14px; margin-top: 10px; } .news_content .news_row{ margin-bottom: 20px; } .news_content .news_row .pic { width: 35%; } .news_content .news_row .news_min { width: 62%; } .news_content .news_row .news_min h2 { font-size: 18px; } .news_content .news_row .news_min p { margin: 10px 0; font-size: 12px; line-height: 18px; } .news_content .news_row .news_min .news_min_row .news_time { font-size: 12px; } .news_content .news_row .news_min .news_min_row .news_but { padding: 6px 20px; } .g-news-show .show-left{ width: 100%; } .g-news-show .g-sidebar{ display: none; } .notice_row .notice_min { width: 82%; } .notice_row .notice_min h2 { font-size: 20px; } .business_content .pic { float: none; width: 100%; margin:0; } .business_content .business_min{ float: none; width: 100%; display: block; margin-top: 50px; } .safety_wrap .safety_column{ width: calc((100% - 30px) / 2); } .safety_wrap .safety_column:nth-of-type(2n) { margin-right: 0; } .safety_wrap .welfare_column { width: calc((100% - 30px) / 2); } .safety_wrap .welfare_column:nth-of-type(3n) { margin-right: 30px; } .safety_wrap .welfare_column:nth-of-type(2n) { margin-right: 0; } .safety_wrap .welfare_column .welfare_content{ padding: 25px 20px; } .safety_wrap .welfare_column .welfare_content .welfare_row h2 { font-size: 16px; } .safety_wrap .welfare_column .welfare_content p { font-size: 13px; } .safety_wrap .project_column{ width: calc((100% - 40px) / 2); margin-right: 40px; } .safety_wrap .project_column:nth-of-type(3n) { margin-right: 40px; } .safety_wrap .project_column:nth-of-type(2n) { margin-right: 0; } .safety_wrap .project_column .project_content h2 { font-size: 15px; } .join_contact{ margin-top: 50px; } .join_row .join_left { width: 40%; padding: 30px 30px; } .join_row .join_left .join_screen .text1,.join_row .join_left .join_screen .text2 { height: 40px; line-height: 40px; font-size: 13px; } .join_row .join_left .join_left_top h2 { font-size: 20px; } .join_row .join_left .join_left_top h4 { font-size: 14px; background-size: 16px 16px; } .join_row .join_left .join_screen,.join_row .join_left .el-form .el-form-item { margin-bottom: 25px; } .join_row .join_left .el-form-item__label { font-size: 20px; padding-bottom: 20px; } .join_row .join_left .el-radio { margin-bottom: 20px; } .join_row .join_right { width: 56%; } .join_row .join_right .join_right_content { padding: 20px 20px; height: 150px; width: calc((100% - 20px) / 2); } .join_row .join_right .join_right_content:nth-of-type(3n) { margin-right: 20px; } .join_row .join_right .join_right_content:nth-of-type(2n) { margin-right: 0; } .join_row .join_right .join_right_content .content_top h2 { font-size: 16px; } .join_row .join_right .join_right_content .content_top p { font-size: 13px; } .join_row .join_right .join_right_content .content_time { font-size: 12px; } .join_contact .contact_row{ flex-direction: column; } .join_contact .contact_row .contact_left{ width: 100%; } .join_contact .contact_row .contact_right { width: 100%; height: 300px; margin-top: 30px; } .safety-overlay .safety-overlay-content { max-width: 84%; } .safety-overlay-content .safety_content .safety_min h2 { font-size: 20px; } .safety-overlay-content .safety_content .safety_min p { font-size: 16px; } } @media (max-width: 600px) { .beizhu .continer1 .left { width: 100%; } .beizhu .continer1 .right { display: none; } .g-about { padding: 30px 0; } .about_name { font-size: 24px; padding-bottom: 12px; } .g-about .g-about-content .about_content { margin-top: 30px; } .g-about .g-about-content .about_content .about_row .about_right { padding: 20px 30px; } .g-about .g-about-content .about_content .about_min { margin: 0; flex-wrap: wrap; justify-content: flex-start; } .g-about .g-about-content .about_content .about_min .about_min_column { width: 33.3%; margin-bottom: 30px; } .g-about .g-about-content .about_content .about_min .about_min_column p span { font-size: 25px; } .g-about .g-about-content .about_content .about_min .about_min_column p, .g-about .g-about-content .about_content .about_min .about_min_column h4 { font-size: 12px; } .g-min { padding: 40px 0 0; } #gallery { width: 80%; padding-bottom: 33px; } #gallery .swiper-slide-active .text .bt { font-size: 23px; line-height: 46px; } #gallery .swiper-slide{ padding: 40px 0 20px; } #thumbs { margin-top: 44px; } .g-culture { margin-top: 50px; } .culture_swiper .culture_content .culture_po .culture_pic { transform: scale(1); margin-bottom: 20px; width: 80px; } .culture_swiper .culture_content .culture_po h2 { font-size: 18px; } .culture_swiper .culture_content .culture_po .culture_p p { font-size: 12px; line-height: 20px; } .g-criterion { margin-top: 40px; } .g-criterion .criterion_name { font-size: 22px; } .g-criterion .criterion_content .criterion_min h2 { text-align: center; } .g-honor { padding: 40px 0; } .honor_swiper { margin-top: 40px; } .honor_swiper .swiper-container { width: 80%; } .g-team .team_content .team_wrap .team_min { width: calc((100% - 0px) / 2); height: 180px; } .g-team .team_content .team_wrap .team_min .pic img { width: 75px; } .g-team .team_content .team_wrap .team_min .pic::after { left: -8px; bottom: -8px; height: 16px; width: 16px; } .g-team .team_content .team_wrap .team_min:hover .pic::after { transform: translate(8px,-8px); } .g-team .team_content .team_wrap .team_min .team_name h2 { font-size: 16px; } .g-team .team_content .team_wrap .team_min .team_name h4 { font-size: 12px; margin-top: 7px; } .news_content .news_row{ flex-direction: column; } .news_content .news_row .pic { width: 100%; margin-bottom: 15px; } .news_content .news_row .news_min { width: 100%; } .news_content .news_row .news_min h2 { font-size: 17px; } .news_content .news_row .news_min p { margin: 15px 0; line-height: 22px; } .b-news-row{ flex-direction: column; } .b-news-ss { width: 100%; margin-top: 20px; } .notice_row { margin-bottom: 20px; padding: 12px; } .notice_row .notice_time { width: 70px; height: 70px; } .notice_row .notice_time .notice_day { font-size: 28px; } .notice_row .notice_min { width: 73%; } .notice_row .notice_min h2 { font-size: 16px; } .notice_row .notice_min p, .notice_row .notice_min h4 { font-size: 12px; } .business_content .pic .pic_img { left: 30px; top: -30px; } .business_content { padding: 60px 0 20px; } .business_content .business_min { margin-top: 30px; } .business_content .business_min h2 { font-size: 20px; padding-bottom: 20px; margin-bottom: 20px; } .business_content .business_min p { font-size: 14px; line-height: 25px; } .safety_wrap .safety_column { width: 100%; margin-right: 0; } .safety_wrap .welfare_column { width: 100%; margin-right: 0px; } .safety_wrap .welfare_column:nth-of-type(3n){ margin-right: 0px; } .safety_wrap .project_column{ width:100%; margin-right: 0px; } .safety_wrap .project_column:nth-of-type(3n) { margin-right: 0px; } .join_row { flex-direction: column; } .join_row .join_left { width: 100%; } .join_row .join_right,.join_row .join_content{ width: 100%; margin-top: 30px; } .join_contact { margin-top: 30px; } .join_contact .contact_row .contact_left{ padding: 20px 30px; } .join_row .join_content .join_information .information_mailbox { flex-direction: column; align-items: flex-start; } .join_row .join_left .el-form .el-form-item:last-child{ margin-bottom: 0; } .safety-overlay .safety-overlay-content { max-width: 90%; padding: 30px 30px; } .safety-overlay-content .safety-guanbi{ right: 10px; top: 10px; width: 20px; } .safety-overlay-content .swiper-button-next, .safety-overlay-content .swiper-button-prev { width: 18px; height: 45px; background-size: 18px 45px; } .safety-overlay-content .swiper-button-prev { left: 3px; } .safety-overlay-content .swiper-button-next { right: 3px; } .safety-overlay-content .safety_content .safety_min { margin-top: 25px; } .safety-overlay-content .safety_content .safety_min h2 { font-size: 18px; padding: 0 20px 20px 20px; } .safety-overlay-content .safety_content .safety_min p { font-size: 14px; line-height: 26px; } .g-yp{ /* width: 100%; */ } }