master
tangyi 2022-01-13 10:46:46 +08:00
parent eaf2881826
commit 64ec12400f
2 changed files with 17 additions and 10 deletions

View File

@ -59,7 +59,7 @@ input,select,textarea{outline:medium none; resize: none;}
.nav ul li:hover span a::before{ opacity: 1; width: 100%;} .nav ul li:hover span a::before{ opacity: 1; width: 100%;}
/*二级控制*/ /*二级控制*/
.nav ul li .nav-second{ width: 100%; position: absolute; left: 50%; top: 100%; background: #00418f; opacity: 0; transform: translate(-50%,0); transition: all .6s;} .nav ul li .nav-second{ width: 100%; position: absolute; left: 50%; top: 100%; background: #00418f; opacity: 0; transform: translate(-50%,0); transition: all .6s;}
.nav ul li .nav-second a{ width: 100%; float: left; color: #fff; text-align: center; height: 0; font-size: 1rem;} .nav ul li .nav-second a{ width: 100%; float: left; color: #fff; text-align: center; height: 0; font-size: 0.9rem;}
.nav ul li .nav-second a:hover{ color: #F9BE3E;} .nav ul li .nav-second a:hover{ color: #F9BE3E;}
/*三级级控制*/ /*三级级控制*/
.nav ul li .nav-second .nav-three{ width: 100%; position: relative; display: block; float: left;} .nav ul li .nav-second .nav-three{ width: 100%; position: relative; display: block; float: left;}
@ -189,7 +189,10 @@ input,select,textarea{outline:medium none; resize: none;}
.about-box1 .pull-right{ width: 55%;} .about-box1 .pull-right{ width: 55%;}
.about-box1 .pull-right .box-info{ font-size: 0.875rem; color: #999; line-height: 1.6; margin-top: 1.25rem;} .about-box1 .pull-right .box-info{ font-size: 0.875rem; color: #999; line-height: 1.6; margin-top: 1.25rem;}
.about-box2{ padding: 5rem 0;} .about-box2{ padding: 6rem 0;}
#about3{
padding-top: 2.5rem;
}
.about-box2 .top-box .all-title-box2{ padding-right: 1.25rem;} .about-box2 .top-box .all-title-box2{ padding-right: 1.25rem;}
.about-box2 .top-box .all-title-box2 span,.about-box2 .top-box .all-title-box2 p{ white-space: nowrap;} .about-box2 .top-box .all-title-box2 span,.about-box2 .top-box .all-title-box2 p{ white-space: nowrap;}
.about-box2 .top-box .fr{ width: 100%; text-align: right; border-bottom: 2px solid #cbcbcb;} .about-box2 .top-box .fr{ width: 100%; text-align: right; border-bottom: 2px solid #cbcbcb;}
@ -218,7 +221,7 @@ input,select,textarea{outline:medium none; resize: none;}
.swiper-btn .swiper-button-next,.swiper-btn .swiper-button-prev{ outline: none;} .swiper-btn .swiper-button-next,.swiper-btn .swiper-button-prev{ outline: none;}
.about-box4{ padding: 3.75rem 0;} .about-box4{ padding: 5.75rem 0;}
.about-box4 .top-box{ text-align: center; margin-top: 6.25rem; position: relative;} .about-box4 .top-box{ text-align: center; margin-top: 6.25rem; position: relative;}
.about-box4 .top-box::after{ content: ''; width: 100%; height: 1px; background: #B3B3B3; position: absolute; left: 0; bottom: 0.95rem;} .about-box4 .top-box::after{ content: ''; width: 100%; height: 1px; background: #B3B3B3; position: absolute; left: 0; bottom: 0.95rem;}
.about-box4 .top-box .swiper-container .swiper-slide{ color: #B3B3B3; font-size: 1.4rem; cursor: pointer; font-weight: bold;} .about-box4 .top-box .swiper-container .swiper-slide{ color: #B3B3B3; font-size: 1.4rem; cursor: pointer; font-weight: bold;}
@ -241,7 +244,7 @@ input,select,textarea{outline:medium none; resize: none;}
.about-box4 .lower-box .lower-box-item{margin-bottom: 20px;} .about-box4 .lower-box .lower-box-item{margin-bottom: 20px;}
.about-box4 .lower-box .lower-box-item:last-child{margin-bottom: 0px;} .about-box4 .lower-box .lower-box-item:last-child{margin-bottom: 0px;}
.about-box5{ padding: 3.75rem 0;} .about-box5{ padding: 5.75rem 0;}
.about-box5 .video-box{ height: 65vh; min-height: 40.625rem; position: relative; background: #000000;} .about-box5 .video-box{ height: 65vh; min-height: 40.625rem; position: relative; background: #000000;}
.about-box5 .video-box video{ width: 100%; height: 100%;} .about-box5 .video-box video{ width: 100%; height: 100%;}
.about-box5 .video-box i{ width: 100%; height: 100%; background-size: cover; background-position: center; position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer;} .about-box5 .video-box i{ width: 100%; height: 100%; background-size: cover; background-position: center; position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer;}
@ -337,7 +340,7 @@ input,select,textarea{outline:medium none; resize: none;}
.contact-box1 .between-top .ewm{ text-align: center; font-size: 0.875rem;} .contact-box1 .between-top .ewm{ text-align: center; font-size: 0.875rem;}
.contact-box1 .between-top .column-between:first-child img{ width: 13.125rem;} .contact-box1 .between-top .column-between:first-child img{ width: 13.125rem;}
.contact-box2 .all-title-box2{ border-top: 2px solid #A8A8A8; padding-top: 3rem;} .contact-box2 .all-title-box2{ border-top: 2px solid #A8A8A8; padding-top: 6rem;}
.contact-box2 .marketing-box2 .center-block ul li{ transition: none;} .contact-box2 .marketing-box2 .center-block ul li{ transition: none;}
.contact-box2 .marketing-box2 .center-block ul li .top-box .pull-left i{ width: 10rem; font-size: 1.25rem;} .contact-box2 .marketing-box2 .center-block ul li .top-box .pull-left i{ width: 10rem; font-size: 1.25rem;}
.contact-box2 .marketing-box2 .center-block ul li .lower-box{ display: flex !important; height: 11rem !important; overflow: hidden;} .contact-box2 .marketing-box2 .center-block ul li .lower-box{ display: flex !important; height: 11rem !important; overflow: hidden;}

View File

@ -20,6 +20,7 @@
</div> </div>
</div> </div>
<!-- Honors --> <!-- Honors -->
<div class="about-box2 w-100" id="about2"> <div class="about-box2 w-100" id="about2">
<div class="w-1200"> <div class="w-1200">
<div class="top-box w-100 between-center"> <div class="top-box w-100 between-center">
@ -87,14 +88,17 @@
} }
</script> </script>
<!-- Structure --> <!-- Structure -->
<div class="about-box3 w-100" id="about3"> <div id="about3" class="w-100">
<div class="w-1200"> <div class="about-box3 w-100" >
<div class="all-title-box2"><span>{$blocks['structure']['title']['value'] ?? ''}</span><p>{$blocks['structure']['subtitle']['value'] ?? ''}</p></div> <div class="w-1200">
<div class="box-info w-100"> <div class="all-title-box2"><span>{$blocks['structure']['title']['value'] ?? ''}</span><p>{$blocks['structure']['subtitle']['value'] ?? ''}</p></div>
<img src="{$blocks['structure']['img']['value'] ?? ''}" > <div class="box-info w-100">
<img src="{$blocks['structure']['img']['value'] ?? ''}" >
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- History --> <!-- History -->
<div class="about-box4 w-100" id="about4"> <div class="about-box4 w-100" id="about4">
<div class="w-1200"> <div class="w-1200">