html {
width: 100vw;
overflow-x: hidden;
}
body {
min-width: 1200px;
max-width: 1920px;
}
.over1 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.nofriend {
width: 245px;
margin: 0 auto;
}
.over2,
.over3,
.over4,
.over5,
.over6,
.over7,
.over9 {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.over2 {
-webkit-line-clamp: 2;
}
.over3 {
-webkit-line-clamp: 3;
}
.over4 {
-webkit-line-clamp: 4;
}
.over5 {
-webkit-line-clamp: 5;
}
.over6 {
-webkit-line-clamp: 6;
}
.over7 {
-webkit-line-clamp: 7;
}
.over9 {
-webkit-line-clamp: 9;
}
img {
height: auto;
max-height: 100%;
max-width: 100%;
object-fit: cover;
}
.scaleImg {
overflow: hidden;
}
.scaleImg img {
cursor: pointer;
transition: 0.3s all;
}
.scaleImg:hover img {
transform: scale(1.05);
}
.scaleImg01 {
overflow: hidden;
}
.scaleImg01>img {
cursor: pointer;
transition: 0.3s all;
}
.scaleImg01:hover>img {
transform: scale(1.05);
}
/* header 上面的banner+导航 */
.header {
width: 100%;
position: relative;
}
.header>.banner {
width: 100%;
height: 49.47917vw;
position: relative;
}
.header .index_banner_text {
width: 35.41667vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.header .index_banner_text img {
width: 100%;
height: auto;
}
.header>.banner01 {
width: 100%;
height: 28.125vw;
position: relative;
}
.header>.banner01 img {
width: 100%;
height: 100%;
}
.header>.banner img {
width: 100%;
height: 100%;
}
.header .banner_text {
position: absolute;
top: 12.70833vw;
left: 18.75vw;
height: 3.59375vw;
}
.header>.nav {
background: url(/static/zb/img/images/nav_bg.png) no-repeat;
background-size: 100% 100%;
width: 100%;
height: 50px;
position: fixed;
display: flex;
top: 0px;
padding: 18px 0;
box-sizing: content-box;
z-index: 9999;
}
.header_top .nav {
background: none;
background-color: #fff !important;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
}
.header_top .nav li a {
color: #666;
}
.header_top .doux>div {
background-color: #666 !important;
}
.logo {
width: 166px;
height: 48px;
margin-left: 5.72917vw;
display: block;
}
.headerShow_list {
position: relative;
cursor: pointer;
}
.headerShow_list:hover>a {
color: #D41A26;
}
.headerShow_list .headerHide_list {
display: none;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 90%;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
padding: 0px 8px;
box-sizing: border-box;
width: max-content;
}
.headerShow_list .headerHide_list li {
height: 40px;
font-size: 14px;
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.headerShow_list .headerHide_list li:last-child {
border-bottom: 0px solid rgba(0, 0, 0, 0.5);
}
.headerShow_list .headerHide_list li a {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}
.headerShow_list .headerHide_list li a:hover {
color: #D41A26;
}
.nav>ul {
display: flex;
width: 70%;
margin-left: auto;
justify-content: space-between;
margin-right: 5.72917vw;
}
.nav>ul>li {
height: 48px;
display: flex;
}
.nav>ul>li>a {
font-size: 16px;
min-width: 64px;
font-weight: 400;
color: #FFFFFF;
line-height: 48px;
height: 48px;
text-align: center;
}
.nav>ul>li>a:hover {
color: #D41A26;
}
.nav>ul>li>.navactive {
color: #D41A26;
}
.doux {
display: flex;
}
.doux>div {
height: 30px;
margin-top: 9px;
width: 1px;
background-color: #FFFFFF;
opacity: 0.7;
}
.doux>img {
width: 20px;
height: 20px;
margin-top: 14px;
margin-left: 40px;
margin-right: 15px;
}
.doux1 {
width: 10px;
height: 7px;
margin-top: 11px;
margin-left: 30px;
}
.doux1>img {
width: 10px;
height: auto;
}
/* header END*/
/* footer 底部链接 */
.footer {
background-color: #4E4E4E;
}
.footer>div:nth-child(1) {
display: flex;
padding: 5%;
}
/* footer 左 基本联系信息 */
.base {}
.base>div:nth-child(1) {
width: 166px;
height: auto;
}
.base>div:nth-child(2) {
margin-top: 52px;
margin-bottom: 29px;
display: flex;
}
.base>div:nth-child(2)>div:nth-child(1) {
width: 41px;
height: 45px;
}
.base>div:nth-child(2)>div:nth-child(2)>div:nth-child(1) {
font-size: 20px;
font-weight: 400;
color: #FFFFFF;
}
.base>div:nth-child(2)>div:nth-child(2)>div:nth-child(2) {
font-size: 14px;
font-weight: 400;
color: #777777;
}
.base>div:nth-child(3)>div {
font-size: 14px;
font-weight: 400;
color: #FFFFFF;
line-height: 26px;
}
.base>div:nth-child(3)>div>span {
font-size: 16px;
font-weight: 400;
color: #D41A26;
font-style: italic
}
/* footer 中 链接导航 */
.link {
margin-left: 5vw;
}
.link>div:nth-child(1) {
display: flex;
justify-content: space-between;
min-width: 64px;
}
.link>div:nth-child(1)>div {
margin-right: 3vw;
min-width: 64px;
height: 45px;
line-height: 45px;
text-align: center;
}
.link>div:nth-child(1)>div:hover {
border-bottom: #D41A26 1px solid;
}
.link>div:nth-child(1)>div>a {
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
}
/* 与子链接的横线 */
.link>div:nth-child(2) {
width: calc(100% - 35px);
background: #FFFFFF;
opacity: 0.1;
height: 1px;
margin-bottom: 30px;
}
/* 子链接 */
.linkitem {
display: flex;
justify-content: space-between;
}
.linkitem>div {
margin-right: 3vw;
}
.linkitem>div>div>a {
width: 64px;
font-size: 16px;
font-weight: 400;
color: #838383;
line-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-align: justify;
}
.linkitem>div>div>a:hover {
color: #D41A26;
}
/* footer 右分享 */
.share {
margin-left: auto;
position: relative;
}
.share>div:nth-child(2) {
display: flex;
}
/* 返回顶部*/
.share .top_box {
margin-top: 20px;
margin-left: 7vw;
display: none;
width: 40px;
height: 40px;
cursor: pointer;
z-index: 999;
transition: 0.3s all;
}
.share .top_box:hover {
transform: scale(1.2);
}
.share .top_box .top_img {
filter: invert(30%);
transition: 0.3s all;
}
.share .top_box:hover .top_img {
filter: invert(100%);
}
/* 分享 */
.share>div:nth-child(2) {
display: flex;
margin-top: 205px;
}
.share>div:nth-child(2)>div {
margin-left: 20px;
width: 30px;
height: 30px;
cursor: pointer;
}
.share>div:nth-child(2)>div a {
display: block;
width: 100%;
height: 100%;
transition: 0.3s transform;
border-radius: 50%;
box-sizing: border-box;
}
.share>div:nth-child(2)>div:hover a {
border: 2px solid white;
transform: scale(1.3);
}
/* 二维码盒子 */
#weixin {
position: relative;
}
#qrcode {
position: absolute;
top: -325%;
left: 50%;
transform: translateX(-50%);
padding: 10px;
box-sizing: border-box;
background: #fff;
border-radius: 2px;
}
/* 最底部 */
.footer>div:nth-child(2) {
width: 100%;
height: 58px;
line-height: 58px;
text-align: center;
background-color: #353535;
color: #2c1616;
font-size: 14px;
}
/* footer End */
/* 首页 */
/* 关于我们 */
.indexau {
margin-top: 78px;
display: flex;
}
.indexau>div:nth-child(1)>div:nth-child(1) {
width: 30vw;
}
.indexauitem {
margin-top: -53px;
margin-left: 6vw;
width: 40vw;
}
.indexauitem>div:nth-child(1) {
font-size: 30px;
font-weight: bold;
color: #333333;
/* line-height: 20px; */
}
.indexauitem>div:nth-child(2) {
width: 34px;
height: 12px;
margin-top: 28px;
margin-bottom: 28px;
}
.indexauitem>div:nth-child(3) {
font-size: 16px;
word-break: break-all;
font-weight: 400;
color: #666666;
line-height: 32px;
}
.indexauitem>div:nth-child(4) {
display: flex;
margin-top: 52px;
}
.indexauitem>div:nth-child(4)>div:nth-child(1) {
width: 200px;
height: 44px;
background: #FFFFFF;
border: 1px solid #D41A26;
color: #D41A26;
line-height: 44px;
text-align: center;
}
.indexauitem>div:nth-child(4)>div:nth-child(2) {
width: 44px;
height: 44px;
background: #D41A26;
}
.indexauitem>div:nth-child(4)>div:nth-child(2)>img {
width: 11px;
height: 20px;
margin-left: 16px;
margin-top: 12px;
}
.indexauvideo {
margin-left: auto;
margin-right: 6vw;
margin-top: -8vw;
position: relative;
z-index: 999;
width: 35vw;
}
.indexauvideo>div:nth-child(1) {
background: #F7F7F7;
padding: 35px 40px 33px 40px;
}
.indexauvideo>div:nth-child(1)>div:nth-child(1) {
font-size: 20px;
font-weight: 400;
color: #D41A26;
margin-bottom: 24px;
}
.indexauvideo>div:nth-child(1)>div:nth-child(2) {
display: flex;
}
.indexauvideo>div:nth-child(1)>div:nth-child(2)>div:nth-child(1) {
font-size: 16px;
font-weight: 400;
color: #333333;
;
width: 50%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.indexauvideo>div:nth-child(1)>div:nth-child(2)>div:nth-child(2) {
margin-left: auto;
font-size: 16px;
font-weight: 400;
color: #787878;
line-height: 30px;
}
.indexauvideo>video {
width: 100%;
height: 480px;
object-fit: cover;
}
/* index 生产基地 */
.indexpb {
margin-top: 100px;
background-image: url("../img/index/2bg.png");
padding-top: 60px;
padding-bottom: 110px;
}
.indexpb>div:nth-child(1) {
width: 30vw;
margin-left: auto;
margin-right: auto;
min-width: 300px;
}
.indexpbsp:hover {}
.indexpbsp {
display: block;
position: relative;
width: 300px;
height: 356px;
}
.indexpbsp>div {
position: relative;
width: 300px;
height: 356px;
}
.indexpbsp img {
width: 100%;
height: 100%;
}
.indexpbsp:first-child {
margin-top: 46px;
}
.indexpbsp:nth-child(2) {
margin: 0 10px;
}
.indexpbsp:last-child {
margin-top: 82px;
}
.indexpbsp>div:nth-child(1)>img {
min-width: 300px;
}
.indexhover {
position: absolute;
width: 100%;
height: 100%;
z-index: 99;
}
.indexpbsp:hover .indexhover {
display: block;
}
.indexhover>div:nth-child(1) {
width: 100%;
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
line-height: 20px;
text-align: center;
margin-top: -50px;
}
.indexhover>div:nth-child(3) {
display: none;
color: #FFFFFF;
text-align: center;
}
.indexpbsp:hover div:nth-child(1)>div:nth-child(2) {
display: block;
}
.indexpbsp:hover div:nth-child(1)>.indexhover {
display: block;
margin-top: -200px;
}
.indexpbsp:hover div:nth-child(1)>.indexhover>div:nth-child(1) {
display: block;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
}
.indexpbsp:hover div:nth-child(1)>.indexhover>div:nth-child(3) {
display: block;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
}
.indexpbsp:hover .shuzhixian {
display: block;
}
.shuzhixian {
display: none;
width: 1px;
height: 100px;
opacity: 0.3;
margin-left: auto;
margin-right: auto;
background: #FFFFFF;
margin-top: 10px;
margin-bottom: 10px;
}
.indexpbsp>div:nth-child(1)>div:nth-child(2) {
display: none;
position: absolute;
background-color: rgba(175, 14, 24, 1);
opacity: 0.6;
width: 100%;
height: 100%;
margin-top: -120.7%;
}
.indexswiper {
display: flex;
width: 50%;
margin: 29px auto;
min-width: 900px;
}
/* index研发 */
.indexyf {
padding: 60px 0px 100px 6vw;
box-sizing: border-box;
}
.indexyf>div:nth-child(1) {
display: flex;
justify-content: space-between;
width: calc(100vw - 6vw);
padding-right: 8.85417vw;
box-sizing: border-box;
}
.indexyfitem {
display: flex;
}
.indexyfitem>div:nth-child(1) {
width: 54px;
height: 54px;
}
.indexyfitem>div:nth-child(2) {
margin-left: 30px;
}
.indexyfitem>div:nth-child(2)>div:nth-child(1)>a {
font-weight: bold;
color: #333333;
line-height: 20px;
}
.indexyfitem>div:nth-child(2)>div:nth-child(2) {
font-size: 14px;
font-weight: 400;
color: #CCCCCC;
line-height: 16px;
}
.dengexian {
margin-top: 0.78125vw;
margin-bottom: 0.52083vw;
width: 22px;
height: 2px;
background: #D41A26;
}
.indexyfitem>div:nth-child(2)>div:nth-child(4)>a {
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 30px;
}
.indexyfsp {
margin-top: 70px;
display: flex;
}
.indexyfsp>div:nth-child(1) {
width: 44.21875vw;
height: 30.20833vw;
}
.indexyfspitem {
display: flex;
width: calc(100vw - 44.21875vw - 6vw);
}
.indexyfspitem .swiper-slide {
display: flex;
width: 19.79167vw;
height: 30.20833vw;
padding: 5.3125vw 2.08333vw;
background: #F7F7F7;
border-right: 1px solid rgba(0, 0, 0, 0.06);
box-sizing: border-box;
}
.indexyfspitem>a>div:hover div:nth-child(1) {
color: #D41A26;
}
.indexyfspitem>a>div:hover .dengexian {
background: #D41A26;
}
.indexyfspitem .indexyfspitem_s_01 {
font-size: 3.125vw;
font-weight: 400;
color: #666666;
line-height: 1.5625vw;
}
.indexyfspitem .indexyfspitem_s_02 {
font-size: 16px;
font-weight: 400;
color: #333333;
line-height: 30px;
}
.indexyfspitem .indexyfspitem_s .dengexian {
background-color: #999999;
}
.indexyfspitem .indexyfspitem_s_03 {
font-size: 0.9375vw;
font-weight: 400;
color: #333333;
line-height: 1.5625vw;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-align: justify;
}
.indexyfspitem .indexyfspitem_s_04 {
font-size: 0.83333vw;
font-weight: 400;
color: #666666;
line-height: 1.5625vw;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
text-align: justify;
margin-top: 1.45833vw;
margin-bottom: 2.60417vw;
}
.indexyfspitem .indexyfspitem_s_05 {
font-size: 0.72917vw;
font-weight: 400;
color: #999999;
line-height: 1.5625vw;
}
.indexyfspitem .index_swiper-container3 .swiper-slide-active .indexyfspitem_s_01 {
color: #D41A26;
}
.indexyfspitem .index_swiper-container3 .swiper-slide-active .dengexian {
background-color: #D41A26;
}
.indexyfspitem .index_swiper-container3 .swiper-slide-active+.swiper-slide+.swiper-slide {
opacity: 0.5;
}
.index_swiper-container2 .swiper-slide>div {
width: 100%;
height: 100%;
}
.index_swiper-container2 .swiper-slide img {
width: 100%;
height: 100%;
}
.index_swiper-container2 .swiper-pagination1 {
position: absolute !important;
height: 60px;
line-height: 60px;
width: fit-content;
bottom: 0;
left: auto;
right: 30px;
}
.index_swiper-container2 .swiper-pagination1 {
position: absolute !important;
height: 60px;
line-height: 60px;
width: fit-content;
bottom: 0;
left: auto;
right: 26px;
}
.index_swiper-container2 .swiper-pagination-bullet {
border-radius: 0px;
margin-right: 14px !important;
background-color: #fff;
opacity: 0.3;
}
.index_swiper-container2 .swiper-pagination-bullet-active {
opacity: 1;
}
.index_swiper-container1 .swiper-slide {
text-align: center;
font-size: 18px;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
transition: 300ms;
transform: scale(0.8);
}
.index_swiper-container1 .swiper-slide-active,
.index_swiper-container1 .swiper-slide-duplicate-active {
transform: scale(1);
}
.indexyfspword {
background-color: rgba(0, 0, 0, 0.6);
width: 100%;
height: 60px;
line-height: 60px;
padding-left: 2%;
padding-right: 40%;
box-sizing: border-box;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
margin-top: -68px;
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
}
/* 首页END */
/* 公司简介 */
.location {
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.location .box {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
height: 62px;
box-sizing: border-box;
}
.location .left {
display: flex;
align-items: center;
}
.location .left .img {
display: block;
width: 62px;
height: 100%;
margin-right: 28px;
}
.location .location_l {
display: flex;
color: #999999;
font-size: 16px;
}
.location .location_l a {
cursor: pointer;
display: flex;
position: relative;
color: #999999;
}
.location .right {
display: flex;
align-items: center;
}
.location .right li a {
display: block;
margin-right: 40px;
font-size: 16px;
color: #666666;
}
.location .right li:last-child a {
margin-right: 0px;
}
.location .right li .location_active {
font-weight: bold;
color: #D41A26;
}
.content01 {
width: 1200px;
margin: 0 auto;
}
.content01 .content01_box {
padding: 60px 0 70px;
width: 100%;
}
.content01 .gsjj {
padding: 44px 0 54px;
width: 100%;
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 32px;
}
.content01 .gsjj p {
padding: 16px 0;
}
/* 组织架构 */
.content01 .zzjg {
padding: 60px 0 70px;
}
.content01 .zzjg .title {
width: 597px;
margin: 0 auto 30px;
}
/* 企业文化 */
.content01 .qywh {
padding: 60px 0 70px;
}
.content01 .qywh ul {
display: flex;
justify-content: space-between;
}
.content01 .qywh ul li {
width: 280px;
height: 344px;
display: flex;
}
.content01 .qywh ul li:nth-child(2n) {
margin-top: 50px;
}
.content01 .qywh ul li a {
position: relative;
}
.content01 .qywh img {
width: 100%;
height: 100%;
}
.content01 .qywh .con {
position: absolute;
left: 4px;
bottom: 4px;
width: 232px;
height: 128px;
background: url(../img/images/index_08.png) no-repeat;
background-size: 100% 100%;
padding: 13px 0 13px 20px;
box-sizing: border-box;
}
.content01 .qywh .con .cn {
font-size: 19px;
font-weight: 800;
color: #333333;
}
.content01 .qywh .con .en {
font-size: 14px;
font-family: Oswald;
font-weight: bold;
color: #D41A26;
text-transform: uppercase;
margin: 0px 0 5px;
}
.content01 .qywh .con .text {
font-size: 16px;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
padding-right: 50px;
box-sizing: border-box;
}
/* 资质荣誉 */
.content01 .ryzz .swiper_01 {
height: 460px;
width: 100%;
}
.content01 .ryzz .title_box {
margin-bottom: 29px;
display: flex;
justify-content: space-between;
}
.content01 .ryzz .title_box .np {
position: relative;
width: 88px !important;
height: 88px !important;
margin-top: auto;
}
.content01 .ryzz .title_box .np>div {
width: 44px !important;
height: 44px !important;
background-color: rgb(51, 51, 51);
}
.content01 .ryzz .title_box .np>div::after {
font-size: 24px;
font-weight: bold;
color: rgb(212, 26, 38);
}
.content01 .ryzz .swiper-button-disabled {
background-color: rgb(246, 246, 246) !important;
}
.content01 .ryzz .swiper-button-next {
top: 0;
right: 0;
margin: 0 !important;
}
.content01 .ryzz .swiper-button-prev {
bottom: 0;
left: 0;
margin: 0 !important;
}
.content01 .ryzz .swiper-button-disabled::after {
color: #000 !important;
}
.content01 .ryzz .title_box .title {
height: 100px;
width: auto;
}
.content01 .ryzz .swiper_01 .swiper-slide {
height: auto;
transform: scale(1) !important;
padding-right: 45px;
display: flex;
flex-wrap: wrap;
}
.content01 .ryzz .swiper_02 .swiper-slide {
height: auto;
transform: scale(1) !important;
padding-right: 45px;
display: flex;
flex-wrap: wrap;
}
.content01 .ryzz .swiper_01 .swiper-slide .img_box {
padding: 10px;
box-sizing: border-box;
height: 176px;
}
.content01 .ryzz .swiper_02 .swiper-slide .img_box {
padding: 10px;
box-sizing: border-box;
height: 380px;
}
.content01 .ryzz .swiper-slide .img_box img {
width: 100%;
height: 100%;
object-fit: contain;
}
.content01 .ryzz .swiper-slide .img_title {
padding: 10px;
box-sizing: border-box;
border-top: 1px solid rgba(0, 0, 0, 0.1);
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;
width: 100%;
flex-shrink: 0;
text-align: center;
}
.content01 .ryzz .swiper-slide .slide_box {
width: calc((100% - 60px) / 4);
display: flex;
flex-direction: column;
overflow: hidden;
margin-bottom: 20px;
margin-right: 20px;
background-color: rgb(248, 248, 248);
}
.content01 .ryzz .swiper-slide .slide_box:nth-of-type(4n) {
margin-right: 0;
}
.content01 .ryzz .swiper_01 .swiper-wrapper {
height: 470px;
}
.content01 .ryzz .swiper_02 .swiper-wrapper {
height: 425px;
}
/* 公司新闻 */
.content01 .gsxw ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.content01 .gsxw .gsxwli {
width: 49.05%;
border-radius: 2px;
overflow: hidden;
margin-bottom: 22px;
}
.content01 .gsxw .gsxwli a {
display: flex;
height: 212px;
width: 100%;
background-color: rgb(247, 247, 247);
}
/* hover */
.content01 .gsxw li a:hover {
background-color: #fff;
}
.content01 .gsxw li .left {
overflow: hidden;
}
.content01 .gsxw li a .left img {
cursor: pointer;
transition: 0.3s all;
}
.content01 .gsxw li a:hover .left img {
transform: scale(1.05);
}
.content01 .gsxw li a:hover .right_time {
color: #D41A26;
}
.content01 .gsxw li .left {
width: 310px;
height: 100%;
flex-shrink: 0;
}
.content01 .gsxw li .right {
flex: 1;
padding: 20px 30px;
box-sizing: border-box;
}
.content01 .gsxw li .right .right_time {
font-size: 16px;
font-family: Arial;
font-weight: 400;
color: #666666;
}
.content01 .gsxw li .right .right_title {
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
margin: 13px 0;
}
.content01 .gsxw li .right .right_con {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;
}
/* 分页 */
.page {
display: flex;
margin: 0 auto;
justify-content: center;
font-size: 14px;
font-family: Microsoft YaHei UI;
font-weight: 400;
color: #999999;
margin-top: 20px;
}
.page ul li {
margin-right: 10px;
width: 40px;
height: 40px;
background: #FFFFFF;
border: 1px solid #D2D2D2;
box-sizing: border-box;
text-align: center;
line-height: 40px;
border-radius: 2px;
color: #999999;
float: left;
}
.page ul li a {
color: #999999;
display: block;
}
.page .page_bth {
width: 100px;
}
.page .active {
background: #333333;
color: #FFFFFF;
border: 0px solid #D2D2D2;
}
/* 研发中心 */
.content02 {
width: 100%;
}
.content02 .box_top {
width: 100%;
background-color: #fff;
padding: 60px 0 40px;
}
.content02 .box_bottom {
width: 100%;
background-color: #f7f7f7;
padding: 40px 0 60px;
}
.content02 .box_top .top_con {
width: 1200px;
margin: 0 auto;
}
.content02 .box_bottom .bottom_con {
width: 1200px;
margin: 0 auto;
}
.content02 .box .top_b {
display: flex;
}
.content02 .top_b .top_b_left {
width: 600px;
height: 433px;
margin-right: 40px;
flex-shrink: 0;
}
.content02 .top_b .top_b_right {
flex: 1;
}
.content02 .top_b_right .cn {
height: 31px;
line-height: 31px;
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
}
.content02 .top_b_right .en {
margin-top: 7px;
height: 14px;
line-height: 14px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #999999;
}
.content02 .top_b_right .red {
margin: 30px 0;
width: 25px;
height: 5px;
background: #D41A26;
}
.content02 .top_b_right .con {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;
line-height: 30px;
margin-top: 16px;
}
.content02 .top_b_right .con:first {
margin-top: 0px;
}
.content02 .bottom_b {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.content02 .bottom_b li {
background-color: #fff;
overflow: hidden;
border-radius: 2px;
width: 49.1%;
height: 212px;
margin-bottom: 20px;
}
.content02 .bottom_b li a {
display: flex;
height: 100%;
}
.content02 .bottom_b li .bottom_b_left {
overflow: hidden;
}
.content02 .bottom_b li a img {
cursor: pointer;
transition: 0.3s all;
}
.content02 .bottom_b a:hover img {
transform: scale(1.05);
}
.content02 .bottom_b .bottom_b_left {
width: 310px;
height: 100%;
flex-shrink: 0;
}
.content02 .bottom_b .bottom_b_left img {
width: 100%;
height: 100%;
}
.content02 .bottom_b .bottom_b_right {
flex: 1;
padding: 29px;
box-sizing: border-box;
}
.content02 .bottom_b .bottom_b_right .title {
height: 18px;
line-height: 18px;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #333333;
}
.content02 .bottom_b .bottom_b_right .con {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;
line-height: 24px;
margin-top: 16px;
}
/* 大数据 */
.content03 {
background-color: #fff;
width: 100%;
}
.content03_box {
width: 1200px;
margin: 0 auto;
padding: 60px 0 50px;
}
.content03_box .content03_img .img {
position: relative;
cursor: pointer;
transition: 0.3s all;
overflow: hidden;
height: 360px;
}
.content03_box .content03_img .img img:first-child {
transition: 0.3s all;
}
.content03_box .content03_img .img:hover img:first-child {
transform: scale(1.05);
}
.content03_box .content03_img .img .en {
position: absolute;
top: 101px;
left: 56px;
height: 99px;
width: auto;
}
.content03_box .content03_img .img .title {
position: absolute;
top: 227px;
left: 56px;
display: flex;
align-items: flex-end;
font-size: 20px;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
padding-bottom: 14px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.content03_box .content03_img .img .title p {
font-size: 14px;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
margin-left: 10px;
text-transform: uppercase;
}
.content03_box .content03_img .con {
width: 800px;
margin: 0 auto;
text-align: center;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;
line-height: 30px;
margin-top: 15px;
}
.content03_box .content03_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 30px;
}
.content03_box .content03_list li {
width: 49%;
margin-bottom: 30px;
height: 527px;
background: #FAFAFA;
}
.content03_box .content03_list li:hover {
width: 49%;
margin-bottom: 30px;
height: 527px;
background: #333333;
}
.content03_box .content03_list li:hover .content03_list_con_cn {
color: #FFFFFF !important;
}
.content03_box .content03_list li:hover img {
transform: scale(1.05);
}
.content03_box .content03_list li a {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.content03_box .content03_list .content03_list_img {
width: 100%;
height: 361px;
flex-shrink: 0;
overflow: hidden;
cursor: pointer;
}
.content03_box .content03_list .content03_list_img img {
width: 100%;
height: 100%;
transition: 0.3s all;
}
.content03_box .content03_list .content03_list_con {
flex: 1;
padding: 30px 39px;
box-sizing: border-box;
}
.content03_box .content03_list .content03_list_con_cn {
height: 22px;
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
line-height: 22px;
}
.content03_box .content03_list .content03_list_con_en {
margin: 8px 0 14px;
height: 16px;
font-size: 16px;
font-family: DINPro;
font-weight: 400;
color: #D41A26;
line-height: 16px;
}
.content03_box .content03_list .content03_list_con_p {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;
line-height: 26px;
}
/* 云计算 */
.content03_box .content03_imglist {
margin-top: 30px;
}
.content03_box .content03_imglist li {
margin-bottom: 30px;
height: 500px;
}
.content03_box .content03_imglist li a {
display: block;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
cursor: pointer;
}
.content03_box .content03_imglist li a:hover img {
transform: scale(1.05);
}
.content03_box .content03_imglist a img {
width: 100%;
height: 100%;
transition: 0.3s all;
}
.content03_box .content03_imglist .content03_imglist_con {
position: absolute;
top: 182px;
left: 62px;
width: 520px;
}
.content03_box .content03_imglist_con_cn {
height: 29px;
font-size: 30px;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
line-height: 29px;
}
.content03_box .content03_imglist_con_en {
height: 16px;
font-size: 16px;
font-family: DINPro;
font-weight: 400;
color: #D41A26;
line-height: 16px;
margin: 11px 0;
}
.content03_box .content03_imglist_con_red {
width: 22px;
height: 3px;
background: #D41A26;
}
.content03_box .content03_imglist_con_p {
font-size: 16px;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 26px;
margin-top: 18px;
}
/* 生产基地 */
.content04 .content04_box {
width: 1200px;
margin: 0 auto;
padding: 60px 0 80px;
}
.content04 .content04_box_title {
display: flex;
height: 184px;
justify-content: space-between;
}
.content04 .content04_title_le img {
height: 93px;
width: auto;
}
.content04 .content04_title_le_t {
height: 25px;
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
line-height: 25px;
margin: 17px 0 40px;
}
.content04 .content04_title_le_block {
width: 22px;
height: 5px;
background: #333333;
}
.content04 .content04_title_ri {
width: 318px;
height: 184px;
}
.content04 .content04_con {
margin-top: 30px;
}
.content04 .content04_con p {
margin-top: 30px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;
line-height: 28px;
}
.content04 .content04_img {
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.content04 .content04_img .content04_img_i {
width: 590px;
height: 400px;
}
.content04 .content04_img .content04_img_i img {
width: 100%;
height: 100%;
}
/* 交流合作 */
.content05 .content05_box {
width: 1200px;
margin: 0 auto;
padding: 60px 0 80px;
}
.content05 .content05_box ul {
display: flex;
flex-wrap: wrap;
}
.content05 .content05_box .gjhzli {
margin-right: 18px;
margin-bottom: 18px;
width: 388px;
}
.content05 .content05_box .gjhzli:nth-child(3n) {
margin-right: 0px;
}
.content05 .content05_box .content05_img {
width: 388px;
height: 271px;
overflow: hidden;
}
.content05 .content05_box .content05_img img {
width: 100%;
height: 100%;
cursor: pointer;
transition: 0.3s all;
}
.content05 .content05_box a:hover img {
transform: scale(1.05);
}
.content05 .content05_box .content05_con {
padding: 18px 5px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
line-height: 26px;
border-bottom: 1px solid #dddddd;
}
/* 人才培养 */
.content06 .content06_box {
width: 100%;
background-color: #fff;
}
.content06 .content06_rcpy_top {
width: 1200px;
margin: 0 auto;
padding: 60px 0 40px;
}
.content06 .content06_rcpy_top_i {
display: flex;
height: 394px;
position: relative;
}
.content06 .content06_rcpy_top_i_img {
width: 600px;
height: 100%;
flex-shrink: 0;
}
.content06 .content06_rcpy_top_i_img img {
width: 100%;
height: 100%;
}
.content06 .content06_rcpy_top_i_con {
width: 630px;
height: 316px;
box-shadow: 0px 2px 8px 0px rgba(180, 180, 180, 0.19);
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
background-color: #fff;
right: 0px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;
line-height: 30px;
padding: 40px;
box-sizing: border-box;
}
.content06 .content06_rcpy_top_i:nth-child(2) .content06_rcpy_top_i_con {
left: 0px;
right: auto;
}
.content06 .content06_rcpy_top_i:nth-child(2) .content06_rcpy_top_i_img {
margin-left: auto;
}
.content06 .content06_rcpy_bottom {
background: #F7F7F7;
width: 100%;
}
.content06 .content06_rcpy_bottom01 {
width: 1200px;
margin: 0 auto;
padding: 30px 0 80px;
display: flex;
flex-direction: column;
}
.content06 .content06_rcpy_bottom01 li {
width: 960px;
height: 467px;
margin-top: 10px;
}
.content06 .content06_rcpy_bottom01 li:nth-child(2n) {
margin-left: auto;
}
.content06 .content06_rcpy_bottom01 li a {
display: block;
width: 100%;
height: 100%;
}
.content06 .content06_rcpy_bottom01 li img {
width: 100%;
height: 100%;
}
/* 人才招聘 */
.content06 .content06_box_rczp {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 60px 0 80px;
}
.content06 .content06_box_rczp li {
width: 580px;
height: 440px;
position: relative;
}
.content06 .content06_box_rczp .content06_box_rczp_bg {
width: 100%;
height: 100%;
}
.content06 .content06_box_rczp .content06_box_rczp_con {
width: 307px;
height: 192px;
position: absolute;
left: 10px;
bottom: 10px;
background-color: #fff;
padding: 30px 0 0 39px;
box-sizing: border-box;
}
.content06 .content06_box_rczp .content06_box_rczp_en {
width: auto;
height: 19px;
}
.content06 .content06_box_rczp .content06_box_rczp_cn {
height: 23px;
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
line-height: 23px;
margin-top: 8px;
}
.content06 .content06_box_rczp .content06_box_rczp_red {
width: 17px;
height: 3px;
background: #D4000D;
margin: 22px 0;
}
.content06 .content06_box_rczp .content06_box_rczp_more {
display: block;
width: 106px;
height: 32px;
background: #FFFFFF;
border: 1px solid #E6E6E6;
box-sizing: border-box;
text-align: center;
line-height: 32px;
font-size: 14px;
font-family: Arial;
font-weight: 400;
color: #CCCCCC;
}
.content06 .content06_box_rczp .content06_box_rczp_more:hover {
background: #D41A26;
color: #FFFFFF;
}
/* 社会招聘 */
.content06 .content06_box_shzp {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 60px 0 80px;
}
.content06 .content06_box_shzp {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 60px 0 80px;
}
.content06 .content06_box_shzp_left>div {
margin-bottom: 6px;
width: 246px;
}
.content06 .content06_shzp_left_01 {
width: 100%;
height: 115px;
background: #333333;
padding: 33px 0 0 17px;
box-sizing: border-box;
}
.content06 .content06_shzp_left_01_en {
width: auto;
height: 19px;
}
.content06 .content06_shzp_left_01_cn {
margin-top: 5px;
height: 23px;
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 23px;
}
.content06 .content06_shzp_left_02 {
width: 100%;
height: 207px;
background: url(../img/images/index_50.png) no-repeat;
background-size: 100% 100%;
padding: 57px 0 0 30px;
box-sizing: border-box;
}
.content06 .content06_shzp_left_02_cn {
height: 19px;
font-size: 20px;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
line-height: 19px;
}
.content06 .content06_shzp_left_02_en {
height: 13px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 13px;
margin-top: 6px;
}
.content06 .content06_shzp_left_02_more {
display: block;
margin-top: 30px;
width: 22px;
height: 22px;
}
.content06 .content06_shzp_left_03 {
display: flex;
justify-content: space-between;
height: 80px;
}
.content06 .content06_shzp_left_03_center {
width: 246px;
height: 90%;
background: #333333;
text-align: center;
/*padding: 10px 0 0 13px;*/
box-sizing: border-box;
}
.content06 .content06_shzp_left_04 {
display: flex;
justify-content: space-between;
height: 80px;
}
.content06 .content06_shzp_left_04_center {
width: 246px;
height: 90%;
background: #ccc;
text-align: center;
display: flex;
/*padding: 10px 0 0 13px;*/
box-sizing: border-box;
flex-wrap: wrap;
flex-direction: column;
align-content: center;
align-items: center;
justify-content: space-evenly;
}
.content06 .content06_shzp_left_04_cn {
height: 16px;
font-size: 14px;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
line-height: 16px;
/*margin: 13px 0 5px;*/
}
.content06 .content06_shzp_left_03_left {
width: 145px;
height: 100%;
}
.content06 .content06_shzp_left_03_left img {
width: 100%;
height: 100%;
}
.content06 .content06_shzp_left_03_right {
width: 95px;
height: 100%;
background: #333333;
padding: 30px 0 0 13px;
box-sizing: border-box;
}
.content06 .content06_shzp_left_03_img {
width: 26px;
height: 26px;
}
.content06 .content06_shzp_left_03_cn {
height: 16px;
font-size: 16px;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
line-height: 16px;
margin: 13px 0 5px;
}
.content06 .content06_shzp_left_03_en {
height: 9px;
font-size: 16px;
transform: scale(0.82);
/*margin-left: -10%;*/
font-family: PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 9px;
}
.content06 .content06_box_shzp_right {
width: 923px;
}
.content06 .content06_box_shzp_right li {
height: auto;
margin-bottom: 6px;
}
.content06 .content06_box_shzp_right_i_show {
height: 60px;
display: flex;
padding: 0 40px;
align-items: center;
background: #FFFFFF;
border: 1px solid #E8E9EF;
width: 100%;
box-sizing: border-box;
font-size: 14px;
font-family: Microsoft YaHei UI;
font-weight: 400;
color: #999999;
cursor: pointer;
}
.content06 .content06_box_shzp_right_i_show_tit {
font-size: 16px;
font-family: Microsoft YaHei UI;
font-weight: 400;
color: #666666;
padding-right: 17px;
border-right: 2px solid #999;
height: 17px;
line-height: 17px;
margin-right: 15px;
}
.content06 .content06_box_shzp_right_i_show_more {
width: 10px;
height: 17px;
margin-left: auto;
transition: 0.5s all;
}
.content06 .content06_box_shzp_right_i_hide {
padding: 20px 0 30px 40px;
width: 100%;
display: flex;
height: auto;
border: 1px solid #E8E9EF;
box-sizing: border-box;
border-top: 0px solid #E8E9EF;
position: relative;
display: none;
}
.content06 .content06_box_shzp_right_i_hide_con {
width: 55%;
}
.content06 .content06_box_shzp_right_i_hide_con div {
font-size: 16px;
font-family: Microsoft YaHei UI;
font-weight: 400;
color: #666666;
line-height: 28px;
margin-top: 30px;
}
.content06 .content06_box_shzp_right_i_hide_con div:nth-child(1) {
margin-top: 0px;
}
.content06 .content06_box_shzp_right_i_hide_con .show_detail {
display: block;
width: 118px;
height: 38px;
background: #333333;
text-align: center;
line-height: 38px;
font-size: 14px;
font-family: Microsoft YaHei UI;
font-weight: 400;
color: #FFFFFF;
margin-top: 20px;
}
.content06 .content06_box_shzp_right_i_hide_el {
position: absolute;
bottom: 0;
right: 63px;
width: 394px;
height: 297px;
}
.content06 .content06_box_shzp_right_i_hide_el img {
width: 100%;
height: 100%;
}
.content06 .content06_box_shzp_right_i_hide_el_con {
position: absolute;
top: -45%;
left: -24%;
background: url(../img/images/index_55.png) no-repeat;
background-size: 100% 100%;
padding: 20px 20px 47px;
}
.content06 .content06_box_shzp_right_i_hide_el_con .e_title {
font-size: 14px;
font-family: Microsoft YaHei UI;
font-weight: 400;
color: #666666;
line-height: 14px;
text-align: center;
}
.content06 .content06_box_shzp_right_i_hide_el_con .e_code {
font-size: 20px;
font-family: Microsoft YaHei UI;
font-weight: bold;
color: #D7343E;
margin-top: 8px;
text-align: center;
}
.content06_shzp_active {
background: #333333 !important;
border: 0px !important;
}
.content06_shzp_active .content06_box_shzp_right_i_show {
color: #BCBCBC;
}
.content06_shzp_active .content06_box_shzp_right_i_show_tit {
color: #FFFFFF;
font-weight: bold;
}
.content06_shzp_active .content06_box_shzp_right_i_show_more {
transform: rotate(90deg);
}
/* 联系方式 */
.content07 .content07_box_b {
width: 1200px;
margin: 0 auto;
padding: 60px 0 80px;
}
.content07 .content07_lxfs01 {
display: flex;
}
.content07 .content07_lxfs01>div {
width: 50%;
height: 516px;
}
.content07 .content07_lxfs01_left img {
width: 100%;
height: 100%;
}
.content07 .content07_lxfs01_right {
padding: 50px 30px 0 38px;
box-sizing: border-box;
border: 1px solid #F4F4F4;
border-left: 0;
}
.content07 .content07_lxfs01_right_title {
height: 58px;
width: auto;
}
.content07 .content07_lxfs01_right_red {
width: 36px;
height: 3px;
background: #D41A26;
margin-bottom: 16px;
}
.content07 .content07_lxfs01_right p {
font-size: 16px;
font-family: Microsoft YaHei;
color: #666666;
line-height: 30px;
}
.content07 .content07_lxfs01_right_p1 {
height: 72px;
line-height: 26px;
margin-top: 20px;
}
.content07 .content07_lxfs01_right p span {
font-weight: bold;
color: #333333;
}
.content07 .content07_lxfs01_right p a {
font-weight: bold;
color: #D41A26;
}
.content07 .content07_lxfs02 {
margin-bottom: 80px;
margin-top: 32px;
display: flex;
justify-content: space-between;
}
.content07 .content07_lxfs02>div {
width: 588px;
}
.content07 .content07_lxfs02_title {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #D41A26;
}
.content07 .content07_lxfs02_title span {
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
padding-right: 12px;
vertical-align: 2px;
}
.content07 .content07_lxfs02_ditu {
margin-top: 15px;
width: 100%;
height: 467px;
}
.content07 .content07_lxfs02_ditu img {
width: 100%;
height: 100%;
}
/* 联系方式 */
.content07 .content07_box_top {
padding: 60px 0 40px;
}
.content07 .content07_zxly01 {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.content07 .content07_zxly01 li {
width: 588px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;
border-bottom: 1px solid #EFEFEF;
margin-bottom: 14px;
height: 90px;
}
.content07 .content07_zxly01 .content07_zxly01_p1 {
display: flex;
}
.content07 .content07_zxly01 .content07_zxly01_p1_01 {
width: 180px;
}
.content07 .content07_zxly01 .content07_zxly01_span {
font-weight: bold;
color: #333333;
}
.content07 .content07_zxly01 .content07_zxly01_p2 {
margin-top: 10px;
display: flex;
}
.content07 .content07_zxly01 .content07_zxly01_p2 span {
flex-shrink: 0;
}
.content07 .content07_box_bottom {
background: #F7F7F7;
}
.content07 .content07_zxly02 {
width: 1200px;
margin: 0 auto;
padding: 40px 0 80px;
}
.content07 .content07_zxly02 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.content07 .content07_zxly02_item {
height: 50px;
background-color: #fff;
border: 1px solid #EBEBEB;
box-sizing: border-box;
}
.content07 .content07_zxly02_item {
height: 50px;
background-color: #fff;
border: 1px solid #EBEBEB;
box-sizing: border-box;
padding-left: 12px;
display: flex;
align-items: center;
}
.content07 .content07_zxly02_item p {
display: flex;
align-items: center;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #727272;
flex-shrink: 0;
}
.content07 .content07_zxly02_item p img {
margin-right: 8px;
}
.content07 .content07_zxly02_item .input_01 {
width: 19px;
height: 23px;
}
.content07 .content07_zxly02_item .input_02 {
width: 16px;
height: 23px;
}
.content07 .content07_zxly02_item .input_03 {
width: 22px;
height: 17px;
}
.content07 .content07_zxly02_item .input_04 {
width: 24px;
height: 23px;
}
.content07 .content07_zxly02_item .input_05 {
width: 17px;
height: 17px;
}
.content07 .content07_zxly02_item_01 {
width: 380px;
}
.content07 .content07_zxly02_item_01 input {
flex: 1;
height: 48px;
}
.content07 .content07_zxly02_item_02 {
align-items: flex-start;
width: 1200px;
height: 200px;
padding: 12px 8px 12px;
box-sizing: border-box;
margin: 20px 0;
}
.content07 .content07_zxly02_item_02 textarea {
width: 100%;
height: 100%;
border: 0px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
padding-top: 1px;
box-sizing: border-box;
}
.content07 .content07_zxly02_item_02 textarea {
width: 100%;
height: 100%;
border: 0px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
padding-top: 1px;
box-sizing: border-box;
}
.content07 .content07_zxly02_item_03 {
width: 790px;
}
.content07 .content07_zxly02_item_code {
width: 140px;
height: 48px;
background: #333333;
text-align: center;
line-height: 48px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
}
.content07 .content07_zxly02_btn {
width: 100%;
display: flex;
justify-content: center;
margin-top: 20px;
}
.content07 .content07_zxly02_btn input {
width: 180px;
height: 45px;
text-align: center;
line-height: 45px;
background: #333333;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
cursor: pointer;
border: 0;
}
.content07 .content07_zxly02_btn .content07_zxly02_btn_02 {
margin-left: 20px;
background: #D41A26;
}
.ryzz {
position: relative;
width: 100vw !important;
left: 50%;
transform: translateX(-50%);
padding-bottom: 0 !important;
}
.ryzz_box {
width: 1200px;
margin: 0 auto;
}
.ryzz_box_box {
/* padding-top: 80px; */
}
.ryzz_box_box:last-child {
background: url(/static/zb/img/images/index_99.png) no-repeat;
background-size: 100% 100%;
background-position: right;
padding-bottom: 80px;
padding-top: 0px;
}
.ryzz_box_box:last-child .title_box {
margin-top: 80px;
}
.ryzz_box_box:last-child .slide_box {
background-color: #fff;
}
.indexpbsp>div::after {
content: "";
display: block;
position: absolute;
top: 0;
border: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
.indexpbsp>div:hover::after {
display: none;
}
/* 显示二维码 */
.erwm .qq {
display: flex;
/**top: 40px;
margin-top: -0.3229vw;**/
position: relative;
}
.erwm .qq .qwb {
width: auto;
height: auto;
position: relative;
text-align: center;
}
.erwm .qq .qwb .img_box {
width: 2vw;
height: 2vw;
background-size: contain;
position: relative;
margin-left: 1vw;
cursor: pointer;
}
.erwm .qq .qwb .img_box:hover {
border: 1px solid #EEEEEE;
border-radius: 100%;
}
.erwm .qq .qwb .ewm_box {
width: 6vw;
height: 6vw;
padding: 0.4vw;
box-sizing: border-box;
background-color: #fff;
display: none;
position: absolute;
top: -7.2vw;
left: 50%;
transform: translateX(-50%);
}
.erwm .qq .qwb .ewm_box img {
width: 100%;
height: 100%;
}
.erwm .qq .qwb:nth-of-type(1) .img_box {
background: url(/static/zb/img/index/qq.png) no-repeat;
background-size: contain;
}
.erwm .qq .qwb:nth-of-type(2) .img_box {
background: url(/static/zb/img/index/weixin.png) no-repeat;
background-size: contain;
}
.erwm .qq .qwb:nth-of-type(3) .img_box {
background: url(/static/zb/img/index/weibo.png) no-repeat;
background-size: contain;
}
.erwm .qq .qwb:nth-of-type(4) .img_box {
background: url(/static/zb/img/index/qqw.png) no-repeat;
background-size: contain;
}
.erwm .qq .qwb:nth-of-type(5) .img_box {
background: url(/static/zb/img/index/weixin.png) no-repeat;
background-size: contain;
}
.erwm .qq .qwb:nth-of-type(6) .img_box {
background: url(/static/zb/img/index/wbw.png) no-repeat;
background-size: contain;
}
/* 显示二维码 */
.erwm .qq .qwb .img_box:hover .ewm_box {
display: block;
}
.img_box .ewm_box {
width: 6vw;
height: 6vw;
padding: 0.4vw;
box-sizing: border-box;
background-color: #fff;
display: none;
position: absolute;
top: 5%;
left: 50%;
transform: translateX(-50%);
}
.circle {
width: 2vw;
height: 2vw;
border-radius: 100%;
background-color: #ed1c24;
position: relative;
}
.circle img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
height: 70%;
object-fit: contain;
}
.circle img:nth-of-type(2) {
display: none;
}
.circle:hover img:nth-of-type(2) {
display: block;
}
.qwb:hover .ewm_box {
display: block;
}
.ewm_box {
display: none;
}
.erwm {
display: flex;
justify-content: space-between;
width: 8.333333vw;
margin-top: 7.270833vw;
}
/* 社会招聘 */
@font-face {
font-family: 'PingFang\ SC';
src: url(../fonts/PingFang\ SC.ttf);
}
.por {
position: relative;
}
.tc {
display: none;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.514);
}
.tc_div {
width: 670px;
height: 450px;
position: absolute;
top: 40%;
left: 50%;
transform: translateX(-50%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 30px;
background: #fff url(../images/tc_bg.png) no-repeat center bottom;
}
.tc_div>h2 {
font-size: 30px;
color: #333;
font-family: 'PingFang\ SC';
font-weight: bold;
}
.tc_div>p {
text-transform: uppercase;
font-size: 16px;
color: #333;
font-family: 'PingFang\ SC';
margin-bottom: 40px;
}
.tc_div>p>span {
color: #d41a26;
}
.tc form {
width: 100%;
}
.tc form>div {
display: flex;
align-items: center;
justify-content: space-between;
}
.tc form>div:nth-of-type(1) {
margin-bottom: 10px;
}
.tc form>div>div {
width: 49%;
height: 45px;
box-sizing: border-box;
border: 1px solid #e6e6e6;
padding: 0 0 0 20px;
display: flex;
align-items: center;
background-color: #fff;
}
.tc form>div>div input {
width: 100%;
border: none;
border-left: 1px solid #cccccc;
text-indent: 10px;
}
.tc form>div>div input::placeholder {
font-size: 14px;
color: #cccccc;
}
.tc .input_file span {
display: block;
width: 71%;
font-size: 14px;
color: #cccccc;
border-left: 1px solid #cccccc;
text-indent: 10px;
line-height: 16px;
}
.tc .input_file input {
width: 80px;
height: 45px;
color: #fff;
background-color: #333333;
text-align: center;
text-indent: 0;
}
.tc .input_code input {
width: 72%;
}
.tc .input_code .Code {
width: 68px;
height: 27px;
}
.tc .input_code .Code img {
width: 68px;
height: 27px;
object-fit: cover;
}
.tc .line {
width: 100%;
height: 2px;
background-color: #eee;
margin: 30px 0;
}
.tc .form_btn {
padding: 0;
border: none;
display: flex;
justify-content: space-between;
}
.tc .form_btn input[type="submit"] {
background-color: #d41a26;
color: #fff;
height: 100%;
width: 48%;
text-align: center;
text-indent: 0;
}
.tc .form_btn input[type="button"] {
background-color: #ebebeb;
color: #000;
height: 100%;
width: 48%;
text-align: center;
border: none;
text-indent: 0;
}
/* 首页 */
.scjd {
width: 100%;
height: 780px;
margin-top: 100px;
background-color: #eee;
display: flex;
}
.scjd .scjd_i {
width: calc(100% / 4);
height: 100%;
}
.scjd .scjd_i a {
display: block;
position: relative;
width: 100%;
height: 100%;
}
.scjd .scjd_i a>img {
position: absolute;
top: 0;
width: 100%;
object-fit: cover;
height: 100%;
}
.scjd .scjd_i a .it {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #3233364d;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
flex-wrap: nowrap;
}
.scjd .scjd_i a .img1 {
margin-bottom: 50px;
width: 90px;
height: 90px;
}
.scjd .scjd_i a .img2 {
width: 48px;
height: 48px;
object-fit: cover;
}
.scjd .scjd_i a .h3 {
color: #fff;
font-size: 26px;
font-family: 'PingFang\ SC';
font-weight: bold;
}
.scjd .scjd_i a .p {
color: #d5d5d5;
font-size: 14px;
font-family: 'PingFang\ SC';
}
.scjd .scjd_i a .shuxian {
width: 1px;
height: 100px;
opacity: 0.5;
margin: 60px 0 55px;
background: #FFFFFF;
}
.scjd .scjd_i a .it2 {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #c905055e;
display: none;
justify-content: center;
align-items: center;
flex-direction: column;
flex-wrap: nowrap;
}
.scjd .scjd_i:hover .it {
display: none;
}
.scjd .scjd_i:hover .it2 {
display: flex;
}
.scjd .scjd_i a .it2 .more {
width: 195px;
height: 65px;
background-color: #c34346c2;
border: 1px solid #d41a26;
line-height: 65px;
position: relative;
padding-left: 35px;
border-radius: 15px;
}
.scjd .scjd_i a .it2 .more span {
font-size: 16px;
color: #fff;
margin-right: 25px;
}
.scjd .scjd_i a .it2 .more img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}