feat: 文化介绍
This commit is contained in:
@@ -111,6 +111,40 @@ class AboutUs extends Common
|
||||
return View::fetch('mileage');
|
||||
}
|
||||
|
||||
/**
|
||||
* 文化介绍
|
||||
*/
|
||||
public function culture()
|
||||
{
|
||||
$focus_image = [];
|
||||
$culture = [];
|
||||
// 获取文化介绍banner
|
||||
$banner = SysBannerModel::with(['items' => function($query) {
|
||||
$query->withoutField(['status', 'created_at', 'updated_at', 'deleted_at'])
|
||||
->where('status', '=', 1)
|
||||
->order(['sort' => 'asc', 'id' => 'desc']);
|
||||
}])
|
||||
->uniqueLabel([
|
||||
"BANNER_68075a636e648",
|
||||
"BANNER_68075bf4dd0f5",
|
||||
])
|
||||
->language($this->lang_id)
|
||||
->enabled(true)
|
||||
->select();
|
||||
if (!$banner->isEmpty()) {
|
||||
$banner_map = [];
|
||||
foreach ($banner as $v) {
|
||||
$banner_map[$v->unique_label] = $v;
|
||||
}
|
||||
$focus_image = data_get($banner_map, 'BANNER_68075a636e648')?->items->first()?->toArray();
|
||||
$culture = data_get($banner_map, 'BANNER_68075bf4dd0f5')?->items->toArray();
|
||||
}
|
||||
View::assign('focus_image', $focus_image);
|
||||
View::assign('culture', $culture);
|
||||
|
||||
return View::fetch('culture');
|
||||
}
|
||||
|
||||
/**
|
||||
* 售后政策
|
||||
*/
|
||||
|
||||
@@ -56,6 +56,8 @@ Route::group('aboutus', function() {
|
||||
Route::get('story', 'AboutUs/story');
|
||||
// 品牌里程
|
||||
Route::get('mileage', 'AboutUs/mileage');
|
||||
// 文化介绍
|
||||
Route::get('culture', 'AboutUs/culture');
|
||||
// 售后政策
|
||||
Route::get('policy', 'AboutUs/policy');
|
||||
});
|
||||
|
||||
99
app/index/view/about_us/culture.html
Normal file
99
app/index/view/about_us/culture.html
Normal file
@@ -0,0 +1,99 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="title"}
|
||||
{notempty name=":lang('aboutus_culture.title')"}<title>{:lang('aboutus_culture.title')}</title>
|
||||
{else/}{__BLOCK__}{/notempty}
|
||||
{/block}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/aboutus_culture.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/animate.min.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="culture_top">
|
||||
{notempty name="focus_image"}
|
||||
{notempty name="focus_image.link"}
|
||||
<a href="{$focus_image.link}">
|
||||
<img src="{$focus_image.image}" />
|
||||
</a>
|
||||
{else/}
|
||||
<img src="{$focus_image.image}" />
|
||||
{/notempty}
|
||||
{notempty name="culture"}
|
||||
<div class="culture_bril_con swt-Container">
|
||||
{volist name="culture" id="cul" offset="0" length="3"}
|
||||
<div class="culture_bril_div">
|
||||
<div class="iconimg"><img src="{$cul.image}" /></div>
|
||||
<div class="title">
|
||||
<p>{$cul.title}</p>
|
||||
</div>
|
||||
<div class="subtitle">{$cul.desc|raw}</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
{notempty name="culture"}
|
||||
<div class="culture_vision">
|
||||
<div class="swt-Container">
|
||||
<div class="title">
|
||||
<!--Vision and Mission-->
|
||||
</div>
|
||||
{volist name="culture" id="cul" key="k" offset="3" mod="2"}
|
||||
{eq name="mod" value="1"}
|
||||
<div class="swt-Table img-responsive">
|
||||
<div id="tab{$k}" class="Table-Row">
|
||||
<div class="Table-Cell left"><img src="{$cul.image}" /></div>
|
||||
<div class="Table-Cell center"></div>
|
||||
<div class="Table-Cell right">
|
||||
<p class="subtitle">{$cul.title}</p>
|
||||
<p class="des">{$cul.desc|raw}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{else /}
|
||||
<div class="swt-Table img-responsive culture_vision_02">
|
||||
<div id="tab{$k}" class="Table-Row">
|
||||
<div class="Table-Cell left">
|
||||
<p class="subtitle">{$cul.title}</p>
|
||||
<p class="des">{$cul.desc|raw}</p>
|
||||
</div>
|
||||
<div class="Table-Cell center"></div>
|
||||
<div class="Table-Cell right"><img src="{$cul.image}" /></div>
|
||||
</div>
|
||||
</div>
|
||||
{/eq}
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$('.culture_bril_div').addClass('animated fadeInUp');
|
||||
|
||||
var myelement = $('#tab1'); // the element to act on if viewable
|
||||
goScroll(myelement);
|
||||
var myelement2 = $('#tab2'); // the element to act on if viewable
|
||||
goScroll(myelement2);
|
||||
var myelement3 = $('#tab3'); // the element to act on if viewable
|
||||
goScroll(myelement3);
|
||||
|
||||
function goScroll(obj){
|
||||
$(window).scroll(function() {
|
||||
if(isScrolledIntoView(obj)) {
|
||||
$(obj).find('.left').addClass('animated fadeInLeft');
|
||||
$(obj).find('.right').addClass('animated fadeInRight');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function isScrolledIntoView(elem) {
|
||||
var docViewTop = $(window).scrollTop();
|
||||
var docViewBottom = docViewTop + $(window).height();
|
||||
var elemTop = $(elem).offset().top;
|
||||
var elemBottom = elemTop + $(elem).height();
|
||||
return (elemTop <= docViewBottom);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
{/block}
|
||||
744
public/static/index/css/aboutus_culture.css
Executable file
744
public/static/index/css/aboutus_culture.css
Executable file
@@ -0,0 +1,744 @@
|
||||
.culture-Menu {
|
||||
background-color: #f1f1f1;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture {
|
||||
background-color: #e8eef0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture .title {
|
||||
color: #002855;
|
||||
font-weight: 600;
|
||||
padding: 5% 0 3%;
|
||||
}
|
||||
.culture_top{
|
||||
background: #F2F2F2;
|
||||
}
|
||||
.culture_top img{
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
.culture_bril_con {background: #F2F2F2; overflow: hidden; display:flex}
|
||||
.culture_bril_div {width:29%;height:597px;background: #fff; overflow: hidden;text-align:center;margin-left:6%;margin-top:80px;margin-bottom:80px;border-radius:16px}
|
||||
.culture_bril_div:first-child{margin-left:0;}
|
||||
.culture_bril_div .iconimg{margin:0 auto;margin-top:50px;}
|
||||
.culture_bril_div .title{font-size:18px;font-weight:600;font-family: Montserrat-Bold, Montserrat;margin-top:32px;width: 90%;margin-left: 5%;}
|
||||
.culture_bril_div .subtitle{width:80%;font-size:14px;color: #707070;font-family: Montserrat-Medium, Montserrat;margin-top:22px;margin-left:10%}
|
||||
@media screen and (min-width:1461px) and (max-width:1720px){
|
||||
.culture_bril_div .iconimg{margin:0 auto;margin-top:36px;}
|
||||
.culture_bril_div .iconimg img{margin:0 auto;width:323px;height:178px}
|
||||
|
||||
}
|
||||
@media screen and (max-width:1459px){
|
||||
.culture_bril_div {width:29%;height:450px;background: #fff; overflow: hidden;text-align:center;margin-left:6%;margin-top:80px;margin-bottom:80px;border-radius:16px}
|
||||
|
||||
.culture_bril_div .iconimg{margin:0 auto;margin-top:36px;}
|
||||
.culture_bril_div .iconimg img{margin:0 auto;width:283px;height:138px}
|
||||
.culture_bril_div .title{font-size:14px;font-weight:600;font-family: Montserrat-Bold, Montserrat;margin-top:25px;}
|
||||
.culture_bril_div .subtitle{width:80%;font-size:10px;color: #707070;font-family: Montserrat-Medium, Montserrat;margin-top:15px;margin-left:10%;padding-bottom:5%}
|
||||
}
|
||||
|
||||
.culture .punctuation {
|
||||
color: #ff9800;
|
||||
margin-left: 8px;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
@media screen and (min-width: 1440px) {
|
||||
.culture-Menu img {
|
||||
margin: auto;
|
||||
}
|
||||
.culture .Container {
|
||||
width: 1440px;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1339px) {
|
||||
.culture-Menu img {
|
||||
margin: auto;
|
||||
width: 27%;
|
||||
}
|
||||
.culture .Container {
|
||||
width: 96%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
.culture .des {
|
||||
width: 90%;
|
||||
margin: 0 auto 2%;
|
||||
color: #002855;
|
||||
line-height: 2em;
|
||||
}
|
||||
.culture .line {
|
||||
width: 4.25%;
|
||||
height: 5px;
|
||||
background-color: #002855;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 2%;
|
||||
}
|
||||
.culture-l {
|
||||
width: 12%;
|
||||
float: left;
|
||||
text-align: right;
|
||||
padding-right: 2%;
|
||||
line-height: 2em;
|
||||
padding-top: 2em;
|
||||
font-family: 'SourceHanSans-Light';
|
||||
font-weight: bold;
|
||||
color: #002855;
|
||||
}
|
||||
.culture-l span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 5px;
|
||||
background-color: #002855;
|
||||
right: -5px;
|
||||
top: 2.5em;
|
||||
}
|
||||
.culture-r {
|
||||
border-left: 1px solid #b0bbc7;
|
||||
width: 72%;
|
||||
float: left;
|
||||
padding-left: 7%;
|
||||
line-height: 2em;
|
||||
padding-top: 2em;
|
||||
font-family: 'SourceHanSans-Light';
|
||||
}
|
||||
.culture-Menu .Menu {
|
||||
margin-bottom: 3%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture-Menu a {
|
||||
display: inline-block;
|
||||
border-radius: 2em;
|
||||
margin-left: 1%;
|
||||
color: #009fdf;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.culture-Menu .active {
|
||||
background-color: #002855;
|
||||
border: 2px solid #002855;
|
||||
color: #fff;
|
||||
}
|
||||
@media screen and (min-width: 480px) {
|
||||
.culture-Menu a {
|
||||
padding: 0.5% 2%;
|
||||
margin-right: 1%;
|
||||
border: 2px solid #009fdf;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 479px) {
|
||||
.culture-Menu a {
|
||||
padding: 0.5% 1.5%;
|
||||
margin-right: 0.5%;
|
||||
border: 1px solid #009fdf;
|
||||
}
|
||||
}
|
||||
|
||||
/*愿景与使命*/
|
||||
.culture_vision {
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture_vision .title {
|
||||
font-size: 3em;
|
||||
font-weight: 600;
|
||||
color: #101010;
|
||||
text-align: center;
|
||||
padding-top: 2.3%;
|
||||
padding-bottom: 2%;
|
||||
line-height: 2em;
|
||||
font-family: 'LATO-MEDIUM';
|
||||
}
|
||||
.culture_vision .left {
|
||||
width: 46.7%;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.culture_vision .left img,.culture_vision .right img{
|
||||
border-radius: 16px;
|
||||
}
|
||||
.culture_vision .center {
|
||||
width: 6.6%;
|
||||
}
|
||||
.culture_vision .right {
|
||||
width: 46.7%;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.culture_vision .subtitle {
|
||||
font-size: 20px;
|
||||
color: #101010;
|
||||
line-height: 2em;
|
||||
margin-bottom: 2%;
|
||||
font-weight: 600;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
}
|
||||
|
||||
.culture_vision .left p {
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
width: 90%;
|
||||
}
|
||||
.culture_vision .right p {
|
||||
margin-left: 5%;
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
width: 90%;
|
||||
margin-right: 10%;
|
||||
}
|
||||
.culture_vision .des {
|
||||
font-size: 16px;
|
||||
color: #737373;
|
||||
line-height: 1.6rem;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
}
|
||||
.culture_vision .swt-Table {
|
||||
margin-bottom: 4%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.culture_vision .left,
|
||||
.culture_vision .right {
|
||||
width: 100%;
|
||||
}
|
||||
.culture_vision p {
|
||||
width: 90%;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
}
|
||||
.culture_vision .subtitle {
|
||||
margin-top: 5%;
|
||||
}
|
||||
.culture_vision_02 {
|
||||
display: none;
|
||||
}
|
||||
.culture_vision_view {
|
||||
display: block;
|
||||
}
|
||||
.culture_vision .left p {
|
||||
margin-left: 5%;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 769px) {
|
||||
.culture_vision_02 {
|
||||
display: block;
|
||||
}
|
||||
.culture_vision_view {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
/*文化与价值观*/
|
||||
.culture_new_banner {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
bottom: 32vw;
|
||||
text-align: center;
|
||||
}
|
||||
.culture_new_banner .title {
|
||||
font-size: 3em;
|
||||
line-height: 2em;
|
||||
}
|
||||
.culture_new_banner .des {
|
||||
font-size: 1em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
@media screen and (max-width: 1440px) {
|
||||
.culture_new_banner .title {
|
||||
font-size: 2em;
|
||||
line-height: 2em;
|
||||
}
|
||||
.culture_new_banner .des {
|
||||
font-size: 1em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.culture_vision .subtitle {
|
||||
color: #101010;
|
||||
line-height: 2em;
|
||||
margin-bottom: 2%;
|
||||
font-weight: 600;
|
||||
}
|
||||
.culture_vision .des {
|
||||
color: #737373;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.culture_vision .right p {
|
||||
margin-left: 0;
|
||||
|
||||
}
|
||||
.culture_vision .left p {
|
||||
margin-left: -10%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.culture_new_banner .des {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
.culture_new_banner {
|
||||
bottom: 30vw;
|
||||
}
|
||||
.culture_new_banner .title {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.culture_new {
|
||||
width: 100%;
|
||||
}
|
||||
.culture_new .title {
|
||||
font-size: 2em;
|
||||
color: #101010;
|
||||
padding: 4.5% 0 0.6%;
|
||||
font-weight: 600;
|
||||
line-height: 1.8em;
|
||||
font-family: 'LATO-MEDIUM';
|
||||
}
|
||||
.culture_new .des {
|
||||
font-size: 1em;
|
||||
color: #737373;
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.culture_new ul {
|
||||
margin-top: 3%;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
.culture_new li {
|
||||
width: 29.4%;
|
||||
padding: 1.5%;
|
||||
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
|
||||
margin-bottom: 4%;
|
||||
}
|
||||
.culture_new li .list-title {
|
||||
color: #333333;
|
||||
font-size: 1em;
|
||||
text-align: center;
|
||||
padding-top: 5%;
|
||||
padding-bottom: 3.5%;
|
||||
font-weight: 600;
|
||||
}
|
||||
.culture_new li .list-des {
|
||||
color: #737373;
|
||||
text-align: left;
|
||||
font-size: 1em;
|
||||
width: 92%;
|
||||
line-height: 1.6em;
|
||||
margin-bottom: 3%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.culture_new .R-margin {
|
||||
width: 1.4%;
|
||||
box-shadow: none;
|
||||
padding: 0;
|
||||
}
|
||||
.culture_new_gray {
|
||||
width: 100%;
|
||||
background-color: #f5f5f5;
|
||||
padding: 2.8% 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture_new_gray .center_bg {
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
.culture_new_gray .left {
|
||||
width: 50.3%;
|
||||
float: left;
|
||||
}
|
||||
.culture_new_gray .right {
|
||||
width: 49.7%;
|
||||
float: right;
|
||||
}
|
||||
.culture_new_gray .content {
|
||||
width: 95%;
|
||||
margin: 3% 2% 3% 3%;
|
||||
}
|
||||
.culture_new_gray p {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
.culture_new_gray p span {
|
||||
border-bottom: 2px solid #101010;
|
||||
display: inline-block;
|
||||
}
|
||||
.culture_new_gray .title {
|
||||
font-size: 1.5em;
|
||||
color: #101010;
|
||||
line-height: 1.8em;
|
||||
margin-bottom: 2.8%;
|
||||
font-weight: 600;
|
||||
}
|
||||
.culture_new_gray .subtitle {
|
||||
font-size: 1em;
|
||||
color: #737373;
|
||||
margin-bottom: 2.7%;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.culture_new_gray .des {
|
||||
font-size: 0.875em;
|
||||
color: 737373;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 540px) {
|
||||
.culture_new .swt-Table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
margin-top: 3.4%;
|
||||
margin-bottom: 4.5%;
|
||||
}
|
||||
.culture_new .swt-Table .Table-Row {
|
||||
display: table-row;
|
||||
}
|
||||
.culture_new .swt-Table .Table-Row .Table-Cell {
|
||||
display: table-cell;
|
||||
text-align: center;
|
||||
padding-top: 1.3%;
|
||||
padding-bottom: 1.3%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 539px) {
|
||||
.culture_new li {
|
||||
width: 92%;
|
||||
text-align: center;
|
||||
padding-top: 5%;
|
||||
padding-bottom: 5%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.culture_new .title {
|
||||
padding: 3% 0 2% 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.culture_new_gray .right {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: 2%;
|
||||
}
|
||||
.culture_new_gray .left {
|
||||
width: 96%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 742px) {
|
||||
.culture_new_gray .right {
|
||||
margin-top: 0;
|
||||
}
|
||||
.culture_new_gray .right img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/*我们会*/
|
||||
.wewill_title {
|
||||
font-size: 2em;
|
||||
font-family: 'LATO-MEDIUM';
|
||||
font-weight: 600;
|
||||
color: #101010;
|
||||
}
|
||||
.wewill_des {
|
||||
font-size: 1em;
|
||||
color: #737373;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.wewill_des_text {
|
||||
font-size: 0.875em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
@media screen and (max-width: 960px) {
|
||||
.wewill_title {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.wewill_des {
|
||||
line-height: 1.4em;
|
||||
}
|
||||
.wewill_des_text {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
.cul_line {
|
||||
width: 40px;
|
||||
height: 3px;
|
||||
background: #0e0e0e;
|
||||
margin: 2% 0;
|
||||
}
|
||||
|
||||
.wewill_01 {
|
||||
padding: 3.2% 0;
|
||||
background-image: url(../../images/culture/wewill_bg.jpg);
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.wewill_01 .left {
|
||||
width: 32.5%;
|
||||
float: left;
|
||||
}
|
||||
.wewill_01 .right {
|
||||
width: 55%;
|
||||
float: left;
|
||||
padding-top: 5%;
|
||||
padding-left: 6%;
|
||||
}
|
||||
.wewill_01 .wewill_des {
|
||||
margin-top: 4%;
|
||||
}
|
||||
@media screen and (max-width: 1280px) {
|
||||
.wewill_01 .right {
|
||||
padding-top: 3%;
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 960px) {
|
||||
.wewill_01 .right {
|
||||
padding-top: 0;
|
||||
width: 60%;
|
||||
}
|
||||
.wewill_01 .wewill_des {
|
||||
margin-top: 2%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
.wewill_01 .left {
|
||||
width: 100%;
|
||||
}
|
||||
.wewill_01 .wewill_title {
|
||||
margin-top: 4%;
|
||||
}
|
||||
.wewill_01 .right {
|
||||
width: 100%;
|
||||
padding: 2% 0 3%;
|
||||
}
|
||||
.wewill_01 .wewill_des {
|
||||
margin-top: 3%;
|
||||
}
|
||||
}
|
||||
|
||||
.wewill_bg {
|
||||
background: #f1f1f1;
|
||||
padding: 3% 0;
|
||||
}
|
||||
.wewill_02 .wewill_title {
|
||||
text-align: center;
|
||||
margin-bottom: 2.5%;
|
||||
}
|
||||
.wewill_02 .wewill_des {
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
color: #333333;
|
||||
margin-top: 5%;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
.wewill_02 .text_width {
|
||||
width: 32.4%;
|
||||
background-color: #ffffff;
|
||||
overflow: hidden;
|
||||
box-shadow: 0px 5px 15px #e6e6e6;
|
||||
}
|
||||
.wewill_02 .spacing {
|
||||
width: 1.4%;
|
||||
}
|
||||
.wewill_02 .text_all {
|
||||
width: 88%;
|
||||
margin: 6% auto;
|
||||
}
|
||||
.wewill_02 .wewill_des_text {
|
||||
text-align: left;
|
||||
}
|
||||
.wewill_02 .sub_title {
|
||||
font-size: 1em;
|
||||
color: #737373;
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
|
||||
.wewill_03 {
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
.wewill_03 .wewill_title {
|
||||
text-align: center;
|
||||
margin-bottom: 2.5%;
|
||||
}
|
||||
.wewill_03 .wewill_des {
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
.wewill_03 ul {
|
||||
width: 100%;
|
||||
margin-top: 3%;
|
||||
}
|
||||
.wewill_03 li {
|
||||
width: 31%;
|
||||
margin-right: 3.5%;
|
||||
float: left;
|
||||
}
|
||||
.wewill_03 li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.wewill_03 .wewill_des_text {
|
||||
font-size: 1.25em;
|
||||
font-family: 'LATO-MEDIUM';
|
||||
color: #333333;
|
||||
text-align: left;
|
||||
margin-top: 5%;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.wewill_02 .text_width {
|
||||
width: 100%;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
.wewill_02 .spacing {
|
||||
display: none;
|
||||
}
|
||||
.wewill_02 .text_all {
|
||||
width: 80%;
|
||||
margin: 6% auto;
|
||||
text-align: center;
|
||||
}
|
||||
.wewill_03 li {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.wewill_03 li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.wewill_03 .wewill_des_text {
|
||||
margin-top: 2%;
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
.wewill_03 .wewill_des {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:769px){
|
||||
.swt-Table{display: table; width:100%;}
|
||||
.swt-Table .Table-Row{display: table-row;}
|
||||
.swt-Table .Table-Row .Table-Cell{display: table-cell; margin:0; padding:0;}
|
||||
}
|
||||
|
||||
/*我们是*/
|
||||
.weare_bg {
|
||||
background: #f5f5f5;
|
||||
padding: 3vw 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.weare_bg_white {
|
||||
background-color: #fff;
|
||||
}
|
||||
.weare_idea .left {
|
||||
width: 70%;
|
||||
}
|
||||
.weare_idea .right {
|
||||
width: 20%;
|
||||
vertical-align: middle;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
.weare_idea_all {
|
||||
width: 90%;
|
||||
padding: 5%;
|
||||
}
|
||||
.weare_idea_all .wewill_title {
|
||||
margin-bottom: 4%;
|
||||
}
|
||||
.weare_idea p {
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
.weare_idea .margin-top {
|
||||
margin-top: 3.5%;
|
||||
}
|
||||
|
||||
.weare_03 {
|
||||
margin-top: 5%;
|
||||
margin-bottom: 5%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.weare_03 li {
|
||||
width: 31%;
|
||||
float: left;
|
||||
margin-right: 3.5%;
|
||||
text-align: center;
|
||||
}
|
||||
.weare_03 li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.weare_03 .wewill_des {
|
||||
font-weight: 600;
|
||||
margin-top: 3%;
|
||||
color: #333333;
|
||||
}
|
||||
.weare_03 .wewill_des_text {
|
||||
margin-top: 3%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.weare_04 .wewill_title {
|
||||
text-align: center;
|
||||
}
|
||||
.weare_04 .wewill_des {
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
margin-top: 1.5%;
|
||||
font-weight: 600;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.weare_04 .wewill_des_text {
|
||||
text-align: center;
|
||||
margin-top: 1%;
|
||||
width: 76%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: 1em;
|
||||
}
|
||||
.weare_04 ul {
|
||||
margin-top: 2%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.weare_04 li {
|
||||
width: 32%;
|
||||
margin-right: 2%;
|
||||
float: left;
|
||||
}
|
||||
.weare_04 li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.weare_idea .left {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.weare_idea .right {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding-bottom: 7%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.weare_idea .right img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.weare_03 li {
|
||||
width: 100%;
|
||||
margin-top: 3%;
|
||||
margin-right: 0;
|
||||
}
|
||||
.weare_04 li {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user