/* 响应式 */ #phonefoot { display: none; } @media screen and (max-width:1580px) { .talent_right { display: none; } } @media screen and (max-width:760px) { .business{ padding-left: 10px; } html { height: 100%; } body { min-width: 100%; } #nav { display: none; } #footer { display: none; } #phonefoot { display: block; } #phonefoot { height: 40px; line-height: 40px; text-align: center; background: #1478f0; } #phonefoot p { font-size: 14px; color: #fff; } .banner_top { display: none; } .banner_l { display: none; } .banner_list { display: none; } #chairman_wapper{ display: none; } /* 新闻列表 */ #list { height: 100%; width: 100%; background-image:none!important; } .list_bottom { max-width: 100%; height: 100%; display: flex !important; flex-wrap: wrap !important; } .list_bottom_left { display: none; } .list_bottom_right { width: 100%; height: 100%; margin-left: 0; } .list_bottom_center { width: 100%; margin-left: 0; } .wrap { width: 100%; height: 202px; overflow: hidden; padding:0 10px; box-sizing: border-box; } .con li { width: 100%; } .con li div { width: 100%; /* display: flex; justify-content: space-around; */ } .con li div a { display: block; overflow:hidden; justify-content: space-between; align-items: center; } .con .show div p { width: 69%; float: left; } .con li div p { float: none; width: 65%; } .scope { padding-bottom: 20px; overflow: hidden; } .con li div span { float: right; width: 30%; font-size: 12px; color: #999999; margin: 0; padding: 0; text-align: right; display: block; } /* 轮播图 */ .swiper-container { width: 100%; /* height: 300px; */ } .swiper-slide img { width: 100%; /* height: 300px; */ max-width: 100%; display: block; } /* 经营领域 */ /* banner图公共样式 */ #banner_wapper { width: 100%; margin-top: 3px; position: relative; } .banner_img { width: 100%; height: 100%; } .banner_img img { width: 100%; } .banner_list { position: absolute; bottom: 0; left: 0; width: 100%; } .banner div { float: right; background: #f3e5dc; height: 45px; width: 244px; line-height: 45px; text-align: center; display: table-cell; } .banner div img { display: inline-block; vertical-align: middle; margin-bottom: 4px; } .banner div p { display: inline-block; } .banner div span { color: #1478f0; } .business { width: 100% !important; /* margin:0 auto; */ } #list { width: 100% !important; margin: 0 auto; } #business_wapper { width: 100%; background: #fff; } .business { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px; } .business .business_box { margin-bottom: 40px; width: 100%; height: 100%; transition: all 0.6s; overflow: hidden; position: relative; } .business .business_box a p { margin-bottom: 10px; } /* 董事长致辞 */ .chairman_bottom { height: 100%; width: 100%; margin: 0 auto; box-sizing:border-box; padding: 0 15px; margin-top: 20px; } .chairman_bottom img { width: 100%; height: 100%; margin: 0; } .chairman_bottom h2 { font-size: 18px; color: #333; margin: 33px 0; font-weight: 900; } .chairman_bottom p { /* padding: 0 15px; */ width: 100%; font-size: 18px; color: #666; line-height: 30px; } /* bat365在线平台 */ .architecture { box-sizing:border-box; padding: 0 15px; height: 100%; width: 100%; } .architecture img { margin: 0; height: 100%; width: 100%; } /* 公司介绍 */ .introduce { box-sizing:border-box; padding: 0 15px; width: 100%; } .introduce h3 { padding: 0 5px; } .introduce p { width: 100%; padding: 0 5px; } .introduce span { padding: 0 5px; } .introduce img { width: 100%; } /* 企业资质 */ .qualification { box-sizing:border-box; padding: 0 15px; height: 100%; width: 100%; display: flex; justify-content: space-between; margin: 0; flex-wrap: wrap; } .qualification_top { box-sizing: border-box; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 5px; } .qualification_p { margin-top: 24px; font-size: 18px; color: #333333; } .qualification_img { border: 1px solid #a0a0a0; height: 100% !important; width: 100% !important; display: flex; align-items: center; justify-content: center; } /* 组织架构 */ .nav_bottom_right{ display: none; } /* 领导介绍 */ .leadership{ box-sizing:border-box; padding: 0 15px; margin: 0; height: 100%; width: 100%; display: flex; flex-wrap: wrap; } .leadership_top{ height: 100%; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; } .leadership_img { height: 100%; width: 100%; } .leadership_img img { margin-top: 30px; margin-bottom: 15px; height: 100%; width: 100%; } .leadership_p { margin: 0; } .leadership_p h3{ font-size: 18px; color: #333; margin-bottom: 10px; } .leadership_p h4{ font-size: 16px; color: #333; margin-bottom: 20px; } .leadership_p p{ line-height: 30px; font-size: 16px; color: #666; } /* 公司荣誉 */ .honor { box-sizing:border-box; padding: 0 15px; width: 100%; height: 100%; margin: 0; display: flex; justify-content: space-between; flex-wrap: wrap; } .honor div{ width: 100%; height: 100%; text-align: center; } .honor div img { width: 100%; height: 100%; margin-bottom: 18px; } /* 新闻 */ .activity{ box-sizing:border-box; padding: 0 15px; height: 100%; width: 100%; } .activity_top{ padding: 0; height: 100%; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px dashed #e0e0e0; box-sizing: border-box; } .activity_top .activity_img { width: 100%; height: 100%; margin-top: 20px; } .activity_top .activity_img a img { width: 100%; height: 100%; margin: 0; margin-bottom: 15px; } .activity_top .activity_p { height: 100%; width: 100%; float: left; margin: 0; position: relative; } .activity_top .activity_p a h3{ font-size: 18px; margin-bottom: 10px; margin-top: 15px; } .activity_top .activity_p a p{ margin-top: 10px; line-height: 30px; font-size: 16px; color: #666; } .activity_top .activity_p i{ margin-left: 5px; font-size: 14px; color: #999999; } .activity_top .activity_p span{ font-size: 14px; color: #1478f0; line-height: 30px; } .jiantou { position: absolute; right: 15px; bottom: 10px; } /* 新闻详情 */ .newsdetails_wapper{ box-sizing:border-box; padding: 0 15px; width: 100%; height: 100%; background: #fff; } .newsdetails { width: 100%; height: 100%; background: #fff; } .newsdetails_top{ width: 100%; height: 100%; text-align: center; border-bottom: 1px solid #ededed; } .newsdetails_top h2 { margin-top: 20px; font-size: 24px; line-height:30px; color: #333333; } .newsdetails_top h3 { width: 100%; height: 100%; font-size: 14px; color: #999; } .newsdetails_center { width: 100%; height: 100%; margin-top: 68px; } .newsdetails_center p { padding: 0 5px; line-height: 26px; color: #666666; font-size: 16px; } .newsdetails_bottom{ width: 100%; height: 100%; margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px; border-top: 1px solid #ededed; } .newsdetails_bottom div{ margin-top: 28px; } .newsdetails_bottom div p { line-height: 32px; color: #999999; font-size: 16px; } .newsdetails_bottom button{ margin-top: 28px; height: 60px; width: 210px; background: #3362d8; border-radius: 40px 40px; line-height: 60px; text-align: center; color: #fff; } .details div button { position: absolute; display: block; bottom: 92px; right: 40px; width: 166px; height: 50px; background: #3362d8; color: #fff; line-height: 50px; } /* 企业活动详情 */ .culture_wapper{ box-sizing:border-box; padding: 0 15px; background: #fff; width:100%; height: 100%; } .culture_top { width:100%; height: 100%; } .culture_top img { width:100%; height: 100%; margin-top: 68px; } .culture_top p{ width:100%; height: 100%; line-height: 30px; font-size: 18px; color: #333; } .culture_center { width: 100%; height: 100%; } .culture_center img { margin: 30px 0; width:100%; height: 100%; } .culture_bottom { width:100%; height: 100%; } .culture_bottom p{ padding: 0 5px; width:100%; height: 100%; line-height: 30px; font-size: 18px; color: #333; } .culture_bottom p:nth-child(6){ margin-bottom: 30px; } /* 社会责任 */ .party_wapper { box-sizing:border-box; padding: 0 15px; width: 100%; height: 100%; } .party { width: 100%; height: 100%; background: #fff; } .party .party_top { padding: 0; width: 100%; height: 100%; } .party .party_top h3{ font-size: 24px; color: #333; text-align: center; margin-top: 15px; } .party .party_top h4 { width: 100%; height: 100%; font-size: 14px; color: #999; margin-top: 24px; margin-bottom: 20px; text-align: center; } .party .party_top p{ width: 100%; height: 100%; line-height: 32px; font-size: 16px; color: #666; padding: 0 5px; } .party .party_top div{ width: 100%; height: 100%; text-align: center; } .party .party_top img { width: 100%; height: 100%; margin-bottom: 20px; text-align:center; } .party .party_top img:nth-child(2){ margin-top: 22px; } /* 人才理念 */ .recruitment_wapper { box-sizing:border-box; padding: 0 15px; width: 100%; background: #f9f9f9; height: 100%; } .recruitment { width: 100%; height: 100%; background: #f9f9f9; padding-top: 20px; } .recruitment_p { width: 100%; height: 100%; padding: 0 5px; background: #fff; } .recruitment_p h3 { padding-top: 50px; font-size: 18px; color: #333333; } .recruitment_p p { font-size: 16px; color: #333333; line-height: 28px; padding-bottom: 20px; } /* 联系我们 */ .contact_wapper { height: 100%; width: 100%; background: #fff; } .contact_top { box-sizing:border-box; padding: 0 15px; height: 100%; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between } .contact_top_left h2{ margin-top: 16px; color: #24344b; font-size: 24px; margin-bottom: 15px; } .contact_top_left div{ height: 96px; width: 100%; margin-bottom: 20px; } .contact_top_left div img { display: block; float: left; margin-right: 30px; } .contact_top_left div span{ color: #333333; font-size: 13px; display: block; margin-top: 28px; } .contact_top_left div p{ display: block; margin-top: 12px; color: #333333; font-size: 13px; margin-left: 100px; } .contact_top_left div i{ width: 36px; margin-right: 10px; } /* 留言板 */ .contact_top_right { height: 100%; width: 100%; text-align: left; } .contact_top_right h2{ margin-top: 36px; color: #24344b; font-size: 20px; margin: 15px 0 10px; } .contact_top_right div form input { height: 40px; width: 96%; text-indent: 10px; margin-left: 2px; margin-top: 0; padding-left: 30px; box-sizing: border-box; } .contact_top_right div form textarea{ height: 80px; width: 96%; resize: none; padding-left: 0px; box-sizing: border-box; } .btn { margin: 10px 0 0 ; height: 45px; line-height: 45px; text-align: center; width: 100%; background-color: #1478f0; border-radius: 25px; box-shadow: 1px 10px 15px #a6b0ff; font-size: 20px; color: #fff; } input::-webkit-input-placeholder{ margin-left: 20px; } /* 地图 */ .contact_center{ width: 100%; height: 100%; } .contact_center img { margin-top: 40px; width: 100 } /* 地址 */ .contact_bottom { box-sizing:border-box; padding: 0 15px; margin-top: 100px; background-color: #fff; height: 100%; width: 100%; } .contact_bottom p { height: 100%; width: 100%; margin-top: 24px; font-size: 16px; color: #333; line-height: 30px; margin-bottom: 26px; border-bottom: 1px dashed #333; } /* 招聘详情 */ #talent_wapper{ box-sizing:border-box; padding: 0 15px; width: 100%; height: 100%; } .talent { width: 100%; height: 100%; } .talent_top{ width: 100%; height: 100%; } .talent_h { width: 100%; height: 100%; } .talent_p{ width: 100%; height: 100%; } .talent_h a { display: block; background: #fff; height: 76px; width: 100%; border-bottom: 1px solid #efefef; margin-top: 25px /* position: relative; */ } .talent_h a .open { width: 100%; height: 76px; line-height: 76px; display: flex; justify-content: space-between; background-color: #fff; color: #32a5e7; cursor: pointer; font-size: 24px; padding: 0 15px; box-sizing: border-box; align-items: center; } .talent_h a .open img { width: 16px; height: 28px; } .talent { padding: 0; } .talent_lb { padding-left: 0; } .mt40 li div { padding: 0; } .talent_zw span:nth-child(4) { padding-left: 0; width: 15%; } .talent_lb span:nth-child(5) { display: inline-block; padding-left: 0; } .talent_lb span:nth-child(2) { display: inline-block; padding-left: 0px; } .talent_lb span { width: 20%; } .talent_zw span { float: left; font-size: 12px; width: 20%; } .talent ol li div:after { display: none; } .talent_h a .open i { font-size: 24px; } .talent_right { display: none; } .talent_h a .close i { font-size: 24px; } .talent_p { padding: 0 15px; box-sizing: border-box; } .talent_p li h4 { font-size: 18px; color: #333; font-weight: 900; } .talent_p li p { font-size: 18px; height: 18px; line-height: 18px; color: #333; margin-top: 32px; } .talent_p li span { display: inline-block; height: 46px; width: 162px; line-height: 46px; text-align: center; background-color: #1478f0; color: #fff; margin-bottom: 48px; } .talent_p li span img { display: inline-block; vertical-align: middle; margin-left: 5px; } /* 工程详情 */ .details_wappe{ box-sizing:border-box; padding: 0 15px; height: 100%; width: 100%; background: #fff; } .details{ box-sizing:border-box; padding: 0 15px; height: 100%; width: 100%; background: #fff; } .details div { height: 100%; width: 100%; position: relative; padding: 0 5px; } .details div span { display: inline-block; font-weight: 900; color: #333; font-size: 18px; margin-top: 70px; margin-bottom: 36px; } .details div i{ font-size: 18px; color: #333; } .details div p { height: 100%; width: 100%; font-size: 18px; color: #333; line-height: 30px; } .details div img{ height: 100%; width: 100%; margin-top: 35px; margin-bottom: 100px; } .details div a { display: block; width: 100%; height: 100%; } .details div button { position: absolute; display: block; bottom: 0; right: 40%; width: 166px; height: 50px; border-radius: 24px 24px; background: #3362d8; color: #fff; line-height: 50px; text-align: center; margin-bottom: 20px; } /* 地图 */ .contact_center{ box-sizing:border-box; padding: 0 15px; width: 100% !important; height: 310px !important; } .contactMap { margin-bottom: 200px; width: 100% !important; height: 310px !important; } /* 底部按钮 */ .business_btn{ width: 100%; text-align: center; margin-top: 40px; margin-bottom: 30px; } .business_btn span{ color: #333; } .business_btn span:nth-child(1){ display: inline-block; height: 40px; width: 92px; line-height: 40px; text-align: center; border: 2px solid #d7d7d7; } .business_btn span:nth-child(2){ display: inline-block; height: 40px; width: 40px; line-height: 40px; text-align: center; border: 2px solid #d7d7d7; } .business_btn span:nth-child(3){ display: inline-block; height: 40px; width: 40px; line-height: 40px; text-align: center; border: 2px solid #d7d7d7; } .business_btn span:nth-child(4){ display: inline-block; height: 40px; width: 40px; line-height: 40px; text-align: center; border: 2px solid #d7d7d7; } .business_btn span:nth-child(5){ display: inline-block; height: 40px; width: 92px; line-height: 40px; text-align: center; border: 2px solid #d7d7d7; } .business_btn span:nth-child(6){ height: 40px; line-height: 40px; text-align: center; } .business_btn span:nth-child(7) input{ display: inline-block; height: 40px; width: 50px; line-height: 40px; text-align: center; border: 2px solid #d7d7d7; margin: 0 5px; outline: none; background-color: #fff; } .business_btn button{ display: inline-block; height: 45px; width: 55px; line-height: 45px; text-align: center; border: 2px solid #d7d7d7; background: #eeeeee; vertical-align: top; } /* 头部 */ #header { height: 100%; width: 100%; } .header { height: 100%; width: 100%; display: flex; justify-content: space-between; position: relative; } .contact_top_left { padding: 0; width: 100%; } .bg { display: none; } .ly { float: none; } }