/*banner背景图片动画*/ @-webkit-keyframes scale-bg{ from{ -webkit-transform:scale(1.2); transform:scale(1.2); } to{ -webkit-transform:scale(1); transform:scale(1); } } @keyframes scale-bg{ from{ -webkit-transform:scale(1.2); transform:scale(1.2); } to{ -webkit-transform:scale(1); transform:scale(1); } } .fl { float: left; } .fr { float: right; } /*banner */ .index_main{ background: #f7f7f7; } .index_main .section1{ position: relative; } .index_main .section1 .index_banner .item{ background-size: cover; -webkit-background-size:cover; background-position: center; background-repeat: no-repeat; height:100vh; position: relative; } .index_main .section1 .index_banner .item.slick-current .scaleBg{ visibility: visible; /* -webkit-animation:scale-bg 6s linear forwards; animation:scale-bg 6s linear forwards; */ } .index_main .section1 .index_banner .items{ background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .index_main .section1 .index_banner .items:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.2); } .index_main .section2{ position: relative; background: url('../images/首页-第二页bg.jpg') center top no-repeat; } .index_main .section2.active .secondtowText{ -webkit-animation-duration: 1.8s; -moz-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .index_main .section2 .secondtowText{ font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; } .index_main .section2.active .searchMore{ -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .index_main .section2.active .shubiao{ -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .numberContent{ /* display: flex; justify-content: center; align-items: center; */ margin-top: 70px; } .numberContent .numberItem { text-align: center; border-left:1px solid rgba(0,0,0,0.2); padding:0 33px; } .numberContent .numberItem .num{ font-size: 56px; font-family: Microsoft YaHei; font-weight: bold; color: #134BA1; display: flex; align-items: baseline; justify-content: center; margin: 0 0 20px 0; } .numberContent .numberItem .num>span{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #124AA0; margin-left:17px; } .numberContent .numberItem .subtitle{ font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; } .searchMore{ width: 154px; height: 38px; border: 1px solid #134BA1; border-radius: 19px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #134BA1; margin:90px auto 0 auto; line-height: 38px; text-align: center; } a:link, a:visited, a:hover, a:active{ color: #134BA1; text-decoration: none; } .shubiao{ position: absolute; width:38px; height:105px; left:50%; transform: translateX(-50%); bottom:0; } .fp-is-overflow > .fp-overflow{ overflow: hidden; } .index_main .section3{ width: 100%; height: 100%; background: url('../images/电子信息-bg.jpg'); background-repeat: no-repeat; background-size: cover; } .dianxixinxi{ background: url('../images/电子信息-bg.jpg') !important; background-repeat: no-repeat !important; background-size: cover !important; } .xianjincailiao{ background: url('../images/先进材料-bg.jpg') !important; background-repeat: no-repeat !important; background-size: cover !important; } .zhuangbeizhizao{ background: url('../images/装备制造-bg.jpg') !important; background-repeat: no-repeat !important; background-size: cover !important; } .yiyaoshengwu{ background: url('../images/医药生物-bg.jpg') !important; background-repeat: no-repeat !important; background-size: cover !important; } .section3{ position:relative; } .section3.active .second3Title{ -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .second3Title .title{ font-size: 32px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .second3Title p{ padding:0; margin:0; margin-top:32px; color: #ffffff; } .second3Title .textsecond3{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; margin-top:55px; } .contentContainer{ display: flex; justify-content: space-between; position:absolute; width:100%; bottom: 0; } .electricContainer{ width: 100%; } .contentContainer>.row{ margin:0 !important; } .contentContainer>.row>div{ margin:0 !important; padding: 0 !important; } .section3.active .electricContainer .electricItem:nth-child(1) { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .section3.active .electricContainer .electricItem:nth-child(2) { -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .section3.active .electricContainer .electricItem:nth-child(3) { -webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .section3.active .electricContainer .electricItem:nth-child(4) { -webkit-animation-duration: 1.6s; -moz-animation-duration: 1.6s; -o-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .electricItem{ text-align: center; border-left:1px solid rgba(255,255,255,0.3); padding:34px 0 20px 0; display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 227px; } .section3active{ border-left:none !important; background-color: rgba(19,75,161,0.8); } .section3active button{ display: block !important; } .section3active .addIon{ display: none !important; } .electricItem .imgContainer{ width: 70px; /* height: 52px; */ } .imgContainer img{ width:100%; height:100%; } .electricItem p{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; margin:20px 0; } .electricItem button{ border: 1px solid #FFFFFF; border-radius: 20px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; background-color: transparent; padding:6px 24px; display: none; } .electricItem button a{ color:#ffffff } .addIon{ font-size: 28px; color:#ffffff; } .category__item { /* float: left; */ cursor: pointer; border:2px solid transparent; position: relative; } .category__item:hover .business-effect { background: #134BA1; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .category__item:hover .business-effect .e-img-l { left: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .category__item:hover .business-effect .e-img-r { right: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .business-effect { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2; } .category__item:hover a { opacity: 1; z-index:9999; position: absolute; top:50%; transform: translateY(-50%); left:50%; transform: translateX(-50%); } .category__item .business-effect .e-img-l { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .category__item .business-effect .e-img-l img { display: block; width: 100%; } .business-effect .e-img-r { position: absolute; top: 0; right: -100%; width: 100%; height: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .business-effect .e-img-r img { display: block;height: 100%; width: 100%; } .transition-3{ -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .category__item>a { opacity: 0; display: block; font-size: 16px; color: #fff; width: 118px; height: 38px; line-height: 38px; border: 1px solid #fff; /* margin: 10% auto; */ -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; text-align: center; position: absolute; } .index_main .section4{ background: url('../images/首页-第三页bg.jpg') center top no-repeat; } .news_Container{ display: flex; align-items: center; } .news_Container button{ background-color: #ffffff; } /*首页新闻动态*/ .news_left_container{ } .newsLeftContent h2{ font-size: 30px; font-family: Microsoft YaHei; font-weight: bold; color: #124AA0; line-height: 30px; padding-bottom:15px; border-bottom:1px solid rgba(0,0,0,0.5); } .newsLeftContent p{ margin:0; padding: 0; font-size: 30px; font-family: Arial; font-weight: 400; color: #999999; line-height: 36px; margin-top:24px; margin-bottom: 125px; } .newsLeftContent button{ padding:10px 45px; border: 1px solid #134BA1; border-radius: 30px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #134BA1; } .news_middle_container .titleContent{ display: flex; align-items: center; } .news_middle_container .titleContent .titleItem{ cursor: pointer; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; line-height: 36px; margin-right:27px; } .titleItemActive{ font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; color: #134BA1 !important; line-height: 36px; border-bottom:4px solid #08429C; } .middleContent{ display: flex; width:100%; margin-top: 30px; } .middleContent .imgcontainer img{ width:100%; height:100%; } .middleContent .contenttitle{ color:#000000; font-size:14px; width:100%; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin: 30px 0; } .contentText p{ margin:0; padding:0; color:#747474; margin-bottom:30px; } .contentText .time{ color:#747474; font-size:12px; } .companyLeftContent h2{ font-size: 30px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; line-height: 30px; padding-bottom:15px; border-bottom:1px solid #FFFFFF; } .companyLeftContent p{ margin:0; padding: 0; font-size: 30px; font-family: Arial; font-weight: 400; color: #FFFFFF; line-height: 36px; margin-top:24px; margin-bottom: 125px; } .companyLeftContent button{ padding:10px 45px; border-radius: 30px; background:rgba(255,255,255,0.8); font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #134BA1; border:none; } .logocontent img{ width:100%; } .index_main .section5{ background: url('../images/首页-第四页bg.jpg') center top no-repeat; background-size: 100% 100%; } .section5.active .companyLeftContent,.section4.active .newsLeftContent { -webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .section5.active .sliderContainer,.section4.active .news_middle_container{ -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .footer{ /* padding:0 15px; padding-bottom:37px; */ padding-bottom: 20px; padding-top: 50px; border-bottom:1px solid #333333; } .footer .title { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; line-height: 72px; text-align: center; } .footer a{ font-size: 15px; font-family: Microsoft YaHei; font-weight: 400; color: #777777 !important; line-height: 30px; } .footer ul{ text-align: center; padding: 0; } .footer ul li{ list-style: none; } .registerContainer{ /* padding:0 15px; padding-top:29px; */ padding:28px 0; } .registerContainer img{ width:60px; height:60px; } .registerContainer .kefu{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 300; color: #666666; line-height: 24px; } .registerContainer .phone{ font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; color: #134BA1; line-height: 48px; } .registerContainer .leftContent{ display:flex; } .registerContainer .contactUs{ font-size: 16px; font-family: Microsoft YaHei; font-weight: 300; color: #666666; line-height: 24px; margin-top:30px; } .selectContainer{ text-align: center; } .selectContainer>.select{ margin-top:46px; height: 49px; background: #FFFFFF; border: 1px solid #E4E9E9; border-radius: 4px; width:50%; } /* 底部 流动效果*/ .g1 li,.g2 li,.g3 li{list-style: none;margin:0 5px} .sliderContainer{ overflow: hidden; padding-top:30px; padding-bottom: 30px; } .scrollItem{ overflow: visible !important; } .scrollItem ul{ display: flex; flex-wrap: nowrap; } .scrollItem ul li img{ opacity: 0.5; } .scrollItem ul li:hover img { /* -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); z-index: 99; background-color: #ffffff; position:relative; */ opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } @media only screen and (max-width: 1600px){ .index_main .section1 .index_banner .item .inner .block_txt h4{ font-size: 28px; } .index_main .section1 .index_banner .item .inner .block_txt h2{ font-size: 60px; } .index_main .section1 .index_banner .item .inner .block_txt h3{ font-size: 20px; } } @media only screen and (max-width: 1440px){ .index_main .section1 .index_banner .item .inner .block_txt h4{ font-size: 24px; } .index_main .section1 .index_banner .item .inner .block_txt h2{ font-size: 40px; } .index_main .section1 .index_banner .item .inner .block_txt h3{ font-size: 18px; margin-top: 5px; } } @media only screen and (max-width: 1366px){ .index_main .section1 .index_banner .item .inner .block_txt h4{ font-size: 20px; } .index_main .section1 .index_banner .item .inner .block_txt h2{ font-size: 26px; } .index_main .section1 .index_banner .item .inner .block_txt h3{ font-size: 16px; } .index_main .section1 .index_banner .slick-arrow{ background-size: auto 30px; } } @media only screen and (max-width: 1300px){ } @media only screen and (max-width: 1199px){ .index_main .section1 .index_banner .item .inner .block_txt h4{ font-size: 18px; } .index_main .section1 .index_banner .item .inner .block_txt h2{ font-size: 22px; } .index_main .section1 .index_banner .item .inner .block_txt h3{ font-size: 14px; } } @media only screen and (max-width: 992px){ .index_main .section1 .index_banner .item{ height: 100vh; } .index_main .section1 .index_banner .item .inner .block_txt{ left: 0; right:0; margin: 0 auto; padding: 0 20px; top: 42%; } .index_main .section1 .index_banner .slick-arrow{ display: none !important; } .index_main .section1 .index_banner .slick-dots{ position: absolute; bottom: 12px; } .index_main .section1 .index_banner .slick-dots li{ width: 12px; height: 12px; border-radius: 50%; border:2px solid #fff; } .index_main .section1 .index_banner .slick-dots li button{ display: none; } .index_main .section1 .index_banner .slick-dots li.slick-active{ background: #fff; } .index_main .section1 .number{ bottom: 12%; display: none; } .index_main .section1 .number span{ margin-right: 22px; } .index_main .section1 .number span:after{ bottom: -14px; } } @media only screen and (max-width: 767px){ } @media only screen and (max-width: 340px){ } @media only screen and (max-width: 320px){ } @media only screen and (min-width: 1200px) and (max-width: 1399px) { } @media only screen and (min-width: 992px) and (max-width: 1199px) { } @media only screen and (min-width: 576px) and (max-width: 767px) { } @media (max-width: 575px) { .numberContent{ /* display: flex; justify-content: center; align-items: center; */ margin-top: 20px; } .numberContent .numberItem { text-align: center; padding:0 15px; margin-bottom: 20px; border:none; } .numberContent .numberItem .num{ font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; color: #134BA1; display: flex; align-items: baseline; justify-content: center; margin: 0 0 10px 0; } .numberContent .numberItem .num>span{ font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #124AA0; margin-left:17px; } .numberContent .numberItem .subtitle{ font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; } .index_main .section2 .secondtowText{ font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; margin-top: 60px; } .searchMore { width: 154px; height: 38px; border: 1px solid #134BA1; border-radius: 19px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #134BA1; margin: 30px auto 0 auto; line-height: 38px; text-align: center; } .section3{ position: relative; justify-content: flex-start; } .second3Title{ position: absolute; top: 120px; } .second3Title .title{ font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .second3Title p{ padding:0; margin:0; margin-top:10px; color: #ffffff; } .second3Title .textsecond3{ font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; margin-top:10px; } .electricItem{ text-align: center; border-left:1px solid rgba(255,255,255,0.3); display: flex; flex-direction: row; justify-content: space-between; align-items: center; height:80px; padding:0 20px; } .electricItem .imgContainer{ width: 50px; } .imgContainer img{ width:100%; height:100%; } .electricItem p{ font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; margin:10px 0; } .electricItem button{ border: 1px solid #FFFFFF; border-radius: 20px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; background-color: transparent; padding:6px 24px; display: block; } .addIon{ font-size: 28px; color:#ffffff; display: none; } .newsLeftContent{ display: flex; align-items: center; margin-top:10px; justify-content: space-between; } .newsLeftContent h2{ font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; color: #124AA0; padding-bottom:1px; } .newsLeftContent button{ padding:4px 20px; border: 1px solid #134BA1; border-radius: 30px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #134BA1; } .middleContent{ margin-top:10px; } .companyLeftContent{ margin-bottom: 20px; } .companyLeftContent p { margin: 0; padding: 0; font-size: 20px; font-family: Arial; font-weight: 400; color: #FFFFFF; margin-top: 20px; margin-bottom: 20px; } .footer { /* margin-top: 32px; */ padding: 0 15px; padding-bottom: 0px; border-bottom: 1px solid #333333; } .registerContainer { padding: 10px 15px 20px 15px; } .registerContainer img { width: 30px; height: 30px; } .registerContainer .kefu { font-size: 12px; font-family: Microsoft YaHei; font-weight: 300; color: #666666; } .registerContainer .phone { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #134BA1; line-height: 14px; } .registerContainer .contactUs { font-size: 12px; font-family: Microsoft YaHei; font-weight: 300; color: #666666; line-height: 24px; margin-top: 10px; } .selectContainer>.select { margin-top: 0; height: 30px; background: #FFFFFF; border: 1px solid #E4E9E9; border-radius: 4px; width: 80%; } #fp-nav{ display: none; } }