样式修改

virtual
15008401624 2020-12-08 08:59:30 +08:00
parent 7f6844207e
commit 266a54de3f
3 changed files with 16 additions and 11 deletions

View File

@ -49,9 +49,9 @@ input,select,textarea{outline:medium none; resize: none;}
/*nav*/ /*nav*/
/**/ /**/
.nav {width: 75%;} .nav {width: 80%;}
.nav ul li{ float: left; position: relative; margin-left: 1.25rem; transition: all .6s;} .nav ul li{ float: left; position: relative; margin-left: 1rem; transition: all .6s;}
.nav ul li span a{ float: left; font-size: 1.125rem; line-height: 5.9375rem; padding: 0 16px; position: relative; text-decoration: none; color: #fff;} .nav ul li span a{ float: left; font-size: 1.125rem; line-height: 5.9375rem; padding: 0 1.375rem; position: relative; text-decoration: none; color: #fff;}
.nav ul li span a::before{ content: ''; width: 0; height: 4px; position: absolute; left: 0; bottom: 0; background: #F9BE3E; transition: all .6s; opacity: 0;} .nav ul li span a::before{ content: ''; width: 0; height: 4px; position: absolute; left: 0; bottom: 0; background: #F9BE3E; transition: all .6s; opacity: 0;}
.nav ul li:hover span a{ color: #fff !important;} .nav ul li:hover span a{ color: #fff !important;}
.nav ul li:hover span a::before{ opacity: 1; width: 100%;} .nav ul li:hover span a::before{ opacity: 1; width: 100%;}
@ -89,7 +89,7 @@ input,select,textarea{outline:medium none; resize: none;}
.all-center-box{ width: 100%; float: left;} .all-center-box{ width: 100%; float: left;}
.head-box{ position: absolute; left: 0; top: 4rem; z-index: 99; color: #fff; transition: all .6s;} .head-box{ position: absolute; left: 0; top:8rem; z-index: 99; color: #fff; transition: all .6s;}
.head-box .w-1500{ transition: all .6s;} .head-box .w-1500{ transition: all .6s;}
.head-box .center-block{ background: #00418f; box-shadow: 0 0 0.625rem rgba(0,0,0,0.1);} .head-box .center-block{ background: #00418f; box-shadow: 0 0 0.625rem rgba(0,0,0,0.1);}
.head-box .center-block .logo{ width: 14.375rem; height: 5.9375rem; text-align: center; background: #fff;} .head-box .center-block .logo{ width: 14.375rem; height: 5.9375rem; text-align: center; background: #fff;}
@ -105,7 +105,7 @@ input,select,textarea{outline:medium none; resize: none;}
.banner-box{ height: 100vh;} .banner-box{ height: 100vh;}
.banner-box .swiper-container{ height: 100%;} .banner-box .swiper-container{ height: 100%;}
.banner-box .swiper-container .swiper-slide{ background-position: center; background-size: cover; background-color: #ccc;} .banner-box .swiper-container .swiper-slide{ background-position: center; background-size: cover; background-color: #ccc;}
.banner-box .swiper-container .swiper-slide .pull-left{ color: #fff;} .banner-box .swiper-container .swiper-slide .pull-left{ color: #fff; padding-top: 7rem;}
.banner-box .swiper-container .swiper-slide .pull-left p{ font-size: 4.375rem; transform: translate(3.125rem,0); opacity: 0; transition: all .6s;} .banner-box .swiper-container .swiper-slide .pull-left p{ font-size: 4.375rem; transform: translate(3.125rem,0); opacity: 0; transition: all .6s;}
.banner-box .swiper-container .swiper-slide .pull-left i{ font-size: 1.25rem; line-height: 1.6; display: block; margin-top: 1.25rem; transform: translate(3.125rem,0); opacity: 0; transition: all .6s ease .1s;} .banner-box .swiper-container .swiper-slide .pull-left i{ font-size: 1.25rem; line-height: 1.6; display: block; margin-top: 1.25rem; transform: translate(3.125rem,0); opacity: 0; transition: all .6s ease .1s;}
.banner-box .swiper-container .swiper-slide .w-1500.active .pull-left p{ opacity: 1; transform: translate(0,0);} .banner-box .swiper-container .swiper-slide .w-1500.active .pull-left p{ opacity: 1; transform: translate(0,0);}
@ -312,7 +312,7 @@ input,select,textarea{outline:medium none; resize: none;}
.news-info .lower-box{ font-size: 1.125rem; margin-top: 0.625rem; color: #999;} .news-info .lower-box{ font-size: 1.125rem; margin-top: 0.625rem; color: #999;}
.news-info .lower-box a{ color: #999;} .news-info .lower-box a{ color: #999;}
.news-info .lower-box a:hover{ color: #578df3;} .news-info .lower-box a:hover{ color: #578df3;}
.news-info .lower-box a.btns{ display: inline-block; background: #00418f; color: #fff; padding: 0 2.85rem; line-height: 2rem; font-size: 1rem; margin-top: 0.8rem;} .news-info .lower-box a.btns{ display: inline-block; background: #00418f; color: #fff; padding: 0 3.15rem; line-height: 24px; font-size: 0.8rem; margin-top: 2rem;}
.contact-box1{ padding: 10rem 0 3.75rem;} .contact-box1{ padding: 10rem 0 3.75rem;}
.contact-box1 .between-top{ padding-bottom: 7rem;} .contact-box1 .between-top{ padding-bottom: 7rem;}
@ -324,21 +324,25 @@ input,select,textarea{outline:medium none; resize: none;}
.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: 3rem;}
.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;}
.contact-box2 .marketing-box2 .center-block ul li .lower-box .pull-left{ width: 10rem; font-size: 0.875rem; line-height: 2;} .contact-box2 .marketing-box2 .center-block ul li .lower-box .pull-left{ width: 10rem; font-size: 0.875rem; line-height: 2;}
.contact-box2 .marketing-box2 .center-block ul li .lower-box .pull-right{ width: 85%; font-size: 0.875rem; color: #777; line-height: 1.8;} .contact-box2 .marketing-box2 .center-block ul li .lower-box .pull-right{ width: 85%; font-size: 0.875rem; color: #777; line-height: 1.8;}
.contact-box2 .marketing-box2 .center-block ul li .lower-box .pull-right strong{ color: #222;} .contact-box2 .marketing-box2 .center-block ul li .lower-box .pull-right strong{ color: #222;}
.contact-box2 .marketing-box2 .center-block ul li.active .lower-box{ height: auto !important;} .contact-box2 .marketing-box2 .center-block ul li.active .lower-box{ height: auto !important;}
.contact-box2 .marketing-box2 .center-block ul li.active{ border: none;}
.marketing-box2 .center-block ul li.active .lower-box{ display: block;} .marketing-box2 .center-block ul li.active .lower-box{ display: block;}
.contact-box3{ background: #F5F5F5; padding: 6rem 0;} .contact-box3{ background: #F5F5F5; padding: 6rem 0;}
.contact-box3 .box-info{ width: 100%; float: left; color: #888; font-size: 0.875rem; line-height: 1.8; margin: 2.5rem 0;} .contact-box3 .box-info{ width: 100%; float: left; color: #888; font-size: 0.875rem; line-height: 2.4; margin: 2.5rem 0;}
.contact-box3 .center-block .text{ width: 48%; float: left; height: 35px; border: none; border-bottom: 1px solid #c2c2c2; background: none; font-size: 0.875rem; margin-top: 1.25rem;} .contact-box3 .center-block .text{ width: 48%; float: left; height: 35px; border: none; border-bottom: 1px solid #c2c2c2; background: none; font-size: 0.875rem; margin-top: 1.25rem;}
.contact-box3 .center-block .text:nth-child(2n){ float: right;} .contact-box3 .center-block .text:nth-child(2n){ float: right;}
.contact-box3 .center-block textarea{ width: 100%; float: left; height: 110px; border: none; border-bottom: 1px solid #c2c2c2; background: none; font-size: 0.875rem; margin-top: 1.25rem;} .contact-box3 .center-block .text::-webkit-input-placeholder{ color: #c8c8c8;}
.contact-box3 .center-block textarea::-webkit-input-placeholder{ color: #c8c8c8;}
.contact-box3 .center-block textarea{ width: 100%; float: left; height: 110px; border: none; border-bottom: 1px solid #c2c2c2; background: none; font-size: 0.875rem; margin-top: 1.875rem;}
.contact-box3 .center-block .btns{ width: 100%; float: left; text-align: center;} .contact-box3 .center-block .btns{ width: 100%; float: left; text-align: center;}
.contact-box3 .center-block .btns button{ width: 10rem; line-height: 2.25rem; background: #00418f; border:none; color: #fff; font-size: 1rem; margin-top: 1.875rem;} .contact-box3 .center-block .btns button{ width: 10rem; line-height: 24px; background: #00418f; border:none; color: #fff; font-size: 14px; margin-top: 1.875rem;}
.product-box{ padding: 8rem 0 5rem;} .product-box{ padding: 8rem 0 5rem;}
.product-box .center-block ul{ margin: 0 -1.25rem;} .product-box .center-block ul{ margin: 0 -1.25rem;}
@ -379,6 +383,7 @@ input,select,textarea{outline:medium none; resize: none;}
@media screen and (max-width:1440px){ @media screen and (max-width:1440px){
html,body{ font-size: 80%;} html,body{ font-size: 80%;}
.w-1500{ width: 1200px;} .w-1500{ width: 1200px;}
.news-info .lower-box a.btns{ padding: 0 3rem;}
} }
@media screen and (max-width:1366px){ @media screen and (max-width:1366px){
} }

View File

@ -578,7 +578,7 @@
value: '7' value: '7'
} }
}, },
colors: ['#000000', '#eeece0', '#1c487f', '#4d80bf', '#c24f4a', '#8baa4a', '#7b5ba1', '#46acc8', '#f9963b', '#ffffff'], colors: ['#000000', '#eeece0', '#10418F', '#4d80bf', '#c24f4a', '#8baa4a', '#7b5ba1', '#46acc8', '#f9963b', '#ffffff'],
// // 语言配置 // // 语言配置
// lang: { // lang: {

View File

@ -24,7 +24,7 @@
{if isset($prev) && count($prev) >0} {if isset($prev) && count($prev) >0}
<a href="{:url('article/detail', ['id' => $prev.id])}">上一篇</a> <a href="{:url('article/detail', ['id' => $prev.id])}">上一篇</a>
{/if} {/if}
{if (isset($prev) && count($prev) >0) && (isset($next) && count($next) >0)}&emsp;/&emsp;{/if} {if (isset($prev) && count($prev) >0) && (isset($next) && count($next) >0)} / {/if}
{if isset($next) && count($next) >0} {if isset($next) && count($next) >0}
<a href="{:url('article/detail', ['id' => $next.id])}">下一篇</a> <a href="{:url('article/detail', ['id' => $next.id])}">下一篇</a>
{/if} {/if}