|
|
|
|
@ -1,37 +1,37 @@ |
|
|
|
|
<html> |
|
|
|
|
<head> |
|
|
|
|
<meta charset="utf-8"> |
|
|
|
|
<title>{ms:global.name/}</title> |
|
|
|
|
<meta http-equiv="content-type" content="text/html"> |
|
|
|
|
<meta HTTP-EQUIV="Pragma" CONTENT="no-cache"> |
|
|
|
|
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"> |
|
|
|
|
<meta name="format-detection" content="telephone=no"> |
|
|
|
|
<meta name="app-mobile-web-app-capable" content="yes"> |
|
|
|
|
<meta name="app-mobile-web-app-status-bar-style" content="black-translucent"> |
|
|
|
|
<meta name="keywords" content="{ms:global.keyword/}"> |
|
|
|
|
<meta name="description" content="{ms:global.descrip/}"> |
|
|
|
|
<script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script> |
|
|
|
|
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css"> |
|
|
|
|
<link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> |
|
|
|
|
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css"> |
|
|
|
|
<script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script> |
|
|
|
|
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css"> |
|
|
|
|
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css"> |
|
|
|
|
<!--网络请求框架--> |
|
|
|
|
<script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script> |
|
|
|
|
<script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script> |
|
|
|
|
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script> |
|
|
|
|
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script> |
|
|
|
|
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script> |
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/swiper@4.5.1/dist/js/swiper.min.js"></script> |
|
|
|
|
<head> |
|
|
|
|
<meta charset="utf-8"> |
|
|
|
|
<title>{ms:global.name/}</title> |
|
|
|
|
<meta http-equiv="content-type" content="text/html"> |
|
|
|
|
<meta HTTP-EQUIV="Pragma" CONTENT="no-cache"> |
|
|
|
|
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"> |
|
|
|
|
<meta name="format-detection" content="telephone=no"> |
|
|
|
|
<meta name="app-mobile-web-app-capable" content="yes"> |
|
|
|
|
<meta name="app-mobile-web-app-status-bar-style" content="black-translucent"> |
|
|
|
|
<meta name="keywords" content="{ms:global.keyword/}"> |
|
|
|
|
<meta name="description" content="{ms:global.descrip/}"> |
|
|
|
|
<script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script> |
|
|
|
|
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css"> |
|
|
|
|
<link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"> |
|
|
|
|
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css"> |
|
|
|
|
<script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script> |
|
|
|
|
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css"> |
|
|
|
|
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css"> |
|
|
|
|
<!--网络请求框架--> |
|
|
|
|
<script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script> |
|
|
|
|
<script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script> |
|
|
|
|
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script> |
|
|
|
|
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script> |
|
|
|
|
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script> |
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/swiper@4.5.1/dist/js/swiper.min.js"></script> |
|
|
|
|
<script> |
|
|
|
|
SwiperClass = Swiper |
|
|
|
|
</script> |
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/vue-awesome-swiper@4.1.1/dist/vue-awesome-swiper.min.js"></script> |
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@5.4.5/css/swiper.min.css"> |
|
|
|
|
</script> |
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/vue-awesome-swiper@4.1.1/dist/vue-awesome-swiper.min.js"></script> |
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@5.4.5/css/swiper.min.css"> |
|
|
|
|
<script> |
|
|
|
|
Vue.use(VueAwesomeSwiper) |
|
|
|
|
</script> |
|
|
|
|
</script> |
|
|
|
|
<style> |
|
|
|
|
:root { |
|
|
|
|
--swiper-theme-color:$ { |
|
|
|
|
@ -41,16 +41,16 @@ Vue.use(VueAwesomeSwiper) |
|
|
|
|
; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
</style> |
|
|
|
|
</style> |
|
|
|
|
<script> |
|
|
|
|
ms.base = ""; |
|
|
|
|
</script> |
|
|
|
|
</script> |
|
|
|
|
<style> |
|
|
|
|
[v-cloak]{ |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
</head> |
|
|
|
|
</style> |
|
|
|
|
</head> |
|
|
|
|
<body> |
|
|
|
|
<div id="app" v-cloak> |
|
|
|
|
<#include "nav.htm" /> |
|
|
|
|
@ -62,12 +62,12 @@ autoplay: { |
|
|
|
|
delay: 1500, |
|
|
|
|
}, |
|
|
|
|
navigation: {nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev'} |
|
|
|
|
}"> |
|
|
|
|
<div class="swiper-button-prev " slot="button-prev"> |
|
|
|
|
</div> |
|
|
|
|
<div class="swiper-button-next " slot="button-next"> |
|
|
|
|
</div> |
|
|
|
|
<!--静态图片--> |
|
|
|
|
}"> |
|
|
|
|
<div class="swiper-button-prev " slot="button-prev"> |
|
|
|
|
</div> |
|
|
|
|
<div class="swiper-button-next " slot="button-next"> |
|
|
|
|
</div> |
|
|
|
|
<!--静态图片--> |
|
|
|
|
<!--动态图片--> |
|
|
|
|
{ms:arclist typeid=1329357285870346241 size=3 } |
|
|
|
|
<swiper-slide> |
|
|
|
|
@ -77,70 +77,70 @@ navigation: {nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev'} |
|
|
|
|
</a> |
|
|
|
|
</swiper-slide> |
|
|
|
|
{/ms:arclist} |
|
|
|
|
</swiper> |
|
|
|
|
</div> |
|
|
|
|
</swiper> |
|
|
|
|
</div> |
|
|
|
|
<div class="about"> |
|
|
|
|
{ms:arclist typeid='1329259260493766658'} |
|
|
|
|
<div class="body"> |
|
|
|
|
<div class="left"> |
|
|
|
|
{ms:arclist typeid='1329259260493766658'} |
|
|
|
|
<div class="body"> |
|
|
|
|
<div class="left"> |
|
|
|
|
<img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}"> |
|
|
|
|
</div> |
|
|
|
|
<div class="right"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<span> ${field.title} </span> |
|
|
|
|
</div> |
|
|
|
|
<div class="desc"> |
|
|
|
|
</div> |
|
|
|
|
<div class="right"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<span> ${field.title} </span> |
|
|
|
|
</div> |
|
|
|
|
<div class="desc"> |
|
|
|
|
<span> ${field.descrip} </span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> {/ms:arclist} |
|
|
|
|
</div> |
|
|
|
|
<div class="product"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<span> 核心产品 </span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> {/ms:arclist} |
|
|
|
|
</div> |
|
|
|
|
<div class="product"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<span> 核心产品 </span> |
|
|
|
|
</div> |
|
|
|
|
<div class="body"> |
|
|
|
|
{ms:arclist flag='c' typeid='1329257213283344385'} |
|
|
|
|
<div class="prod"> |
|
|
|
|
<div class="pic"> |
|
|
|
|
<div class="prod"> |
|
|
|
|
<div class="pic"> |
|
|
|
|
<img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}"> |
|
|
|
|
</div> |
|
|
|
|
<a href="{ms:global.url/}${field.link}" class="text"> ${field.title} </a> |
|
|
|
|
</div> {/ms:arclist} |
|
|
|
|
</div> |
|
|
|
|
<a href="{ms:global.url/}/product/index.html" class="more"> 更多产品 </a> |
|
|
|
|
</div> |
|
|
|
|
<div class="news"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<span> 新闻动态 </span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<a href="{ms:global.url/}${field.link}" class="text"> ${field.title} </a> |
|
|
|
|
</div> {/ms:arclist} |
|
|
|
|
</div> |
|
|
|
|
<a href="{ms:global.url/}/product/index.html" class="more"> 更多产品 </a> |
|
|
|
|
</div> |
|
|
|
|
<div class="news"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<span> 新闻动态 </span> |
|
|
|
|
</div> |
|
|
|
|
<div class="body"> |
|
|
|
|
{ms:arclist flag='c' typeid='1329257282518720513'} |
|
|
|
|
<div class="left"> |
|
|
|
|
{ms:arclist flag='c' typeid='1329257282518720513'} |
|
|
|
|
<div class="left"> |
|
|
|
|
<img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}"> |
|
|
|
|
<a href="{ms:global.url/}${field.link}" target="_blank" class="title"> ${field.title} </a> |
|
|
|
|
<span class="desc"> ${field.descrip} </span> |
|
|
|
|
</div> {/ms:arclist} |
|
|
|
|
<span class="desc"> ${field.descrip} </span> |
|
|
|
|
</div> {/ms:arclist} |
|
|
|
|
<div class="right"> |
|
|
|
|
{ms:arclist size=3 typeid='1329257282518720513'} |
|
|
|
|
<div class="news-item"> |
|
|
|
|
<div class="date"> |
|
|
|
|
<span class="day"> ${field.date?string("dd")} </span> |
|
|
|
|
<span class="date"> ${field.date?string("yyyy-MM")} </span> |
|
|
|
|
</div> |
|
|
|
|
<div class="news-body"> |
|
|
|
|
<a href="{ms:global.url/}${field.link}" class="title"> ${field.title} </a> |
|
|
|
|
<span class="desc"> ${field.descrip} </span> |
|
|
|
|
</div> |
|
|
|
|
</div> {/ms:arclist} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="more"> |
|
|
|
|
</div> |
|
|
|
|
{ms:arclist size=3 typeid='1329257282518720513'} |
|
|
|
|
<div class="news-item"> |
|
|
|
|
<div class="date"> |
|
|
|
|
<span class="day"> ${field.date?string("dd")} </span> |
|
|
|
|
<span class="date"> ${field.date?string("yyyy-MM")} </span> |
|
|
|
|
</div> |
|
|
|
|
<div class="news-body"> |
|
|
|
|
<a href="{ms:global.url/}${field.link}" class="title"> ${field.title} </a> |
|
|
|
|
<span class="desc"> ${field.descrip} </span> |
|
|
|
|
</div> |
|
|
|
|
</div> {/ms:arclist} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="more"> |
|
|
|
|
</div> |
|
|
|
|
<a href="{ms:global.url/}/news/index.html" class="more"> 更多新闻 </a> |
|
|
|
|
</div> |
|
|
|
|
<#include "footer.htm" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<#include "footer.htm" /> |
|
|
|
|
</div> |
|
|
|
|
<script> |
|
|
|
|
var app = new Vue({ |
|
|
|
|
el: '#app', |
|
|
|
|
@ -162,7 +162,7 @@ var app = new Vue({ |
|
|
|
|
created(){ |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
</script> |
|
|
|
|
</script> |
|
|
|
|
<style> |
|
|
|
|
body { |
|
|
|
|
background-color:#fff; |
|
|
|
|
@ -174,7 +174,7 @@ var app = new Vue({ |
|
|
|
|
.swiper-button-prev, .swiper-button-next{ |
|
|
|
|
color: #fff; |
|
|
|
|
} |
|
|
|
|
.ms-banner |
|
|
|
|
.ms-banner |
|
|
|
|
{ |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -184,7 +184,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:630px; |
|
|
|
|
} |
|
|
|
|
.ms-banner .ms-vue-awesome-swiper |
|
|
|
|
.ms-banner .ms-vue-awesome-swiper |
|
|
|
|
{ |
|
|
|
|
background-color:#E8F4FD; |
|
|
|
|
align-items:center; |
|
|
|
|
@ -199,7 +199,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom |
|
|
|
|
.ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom |
|
|
|
|
{ |
|
|
|
|
background-color:rgba(0,0,0,0.5); |
|
|
|
|
align-items:center; |
|
|
|
|
@ -215,7 +215,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:40px; |
|
|
|
|
} |
|
|
|
|
.ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom .ms-vue-awesome-swiper-title |
|
|
|
|
.ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom .ms-vue-awesome-swiper-title |
|
|
|
|
{ |
|
|
|
|
color:#FFFFFF; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -224,7 +224,7 @@ var app = new Vue({ |
|
|
|
|
font-size:14px; |
|
|
|
|
padding-left:0px; |
|
|
|
|
} |
|
|
|
|
.about |
|
|
|
|
.about |
|
|
|
|
{ |
|
|
|
|
align-items:center; |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
@ -238,7 +238,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:18px; |
|
|
|
|
height:200px; |
|
|
|
|
} |
|
|
|
|
.about .body |
|
|
|
|
.about .body |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
@ -252,7 +252,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.about .body .left |
|
|
|
|
.about .body .left |
|
|
|
|
{ |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -263,14 +263,14 @@ var app = new Vue({ |
|
|
|
|
padding-left:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.about .body .left img |
|
|
|
|
.about .body .left img |
|
|
|
|
{ |
|
|
|
|
width:100%; |
|
|
|
|
padding-top:0px; |
|
|
|
|
padding-left:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.about .body .right |
|
|
|
|
.about .body .right |
|
|
|
|
{ |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
flex-direction:column; |
|
|
|
|
@ -282,7 +282,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.about .body .right .title |
|
|
|
|
.about .body .right .title |
|
|
|
|
{ |
|
|
|
|
align-items:center; |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
@ -295,7 +295,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:40px; |
|
|
|
|
} |
|
|
|
|
.about .body .right .title span |
|
|
|
|
.about .body .right .title span |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -306,7 +306,7 @@ var app = new Vue({ |
|
|
|
|
padding-top:0px; |
|
|
|
|
padding-left:0px; |
|
|
|
|
} |
|
|
|
|
.about .body .right .desc |
|
|
|
|
.about .body .right .desc |
|
|
|
|
{ |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -317,7 +317,7 @@ var app = new Vue({ |
|
|
|
|
padding-left:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.about .body .right .desc span |
|
|
|
|
.about .body .right .desc span |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -329,7 +329,7 @@ var app = new Vue({ |
|
|
|
|
line-height: 32px; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
.product |
|
|
|
|
.product |
|
|
|
|
{ |
|
|
|
|
background-color:#F2F2F2; |
|
|
|
|
align-items:center; |
|
|
|
|
@ -346,7 +346,7 @@ var app = new Vue({ |
|
|
|
|
padding-left:0px; |
|
|
|
|
margin-top:20px; |
|
|
|
|
} |
|
|
|
|
.product .title |
|
|
|
|
.product .title |
|
|
|
|
{ |
|
|
|
|
align-items:center; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -363,7 +363,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:40px; |
|
|
|
|
} |
|
|
|
|
.product .title span |
|
|
|
|
.product .title span |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -374,7 +374,7 @@ var app = new Vue({ |
|
|
|
|
padding-top:0px; |
|
|
|
|
padding-left:0px; |
|
|
|
|
} |
|
|
|
|
.product .body |
|
|
|
|
.product .body |
|
|
|
|
{ |
|
|
|
|
flex-direction:row; |
|
|
|
|
display:flex; |
|
|
|
|
@ -390,7 +390,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:40px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.product .body .prod |
|
|
|
|
.product .body .prod |
|
|
|
|
{ |
|
|
|
|
background-color:#FFFFFF; |
|
|
|
|
flex-direction:column; |
|
|
|
|
@ -406,7 +406,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.product .body .prod .pic |
|
|
|
|
.product .body .prod .pic |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
@ -420,7 +420,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:200px; |
|
|
|
|
} |
|
|
|
|
.product .body .prod .pic img |
|
|
|
|
.product .body .prod .pic img |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
width:100%; |
|
|
|
|
@ -429,7 +429,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.product .body .prod .text |
|
|
|
|
.product .body .prod .text |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
text-align:center; |
|
|
|
|
@ -443,7 +443,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:10px; |
|
|
|
|
height:40px; |
|
|
|
|
} |
|
|
|
|
.product .more |
|
|
|
|
.product .more |
|
|
|
|
{ |
|
|
|
|
background-color:#FFFFFF; |
|
|
|
|
align-items:center; |
|
|
|
|
@ -461,7 +461,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:48px; |
|
|
|
|
} |
|
|
|
|
.news |
|
|
|
|
.news |
|
|
|
|
{ |
|
|
|
|
align-items:center; |
|
|
|
|
flex-direction:column; |
|
|
|
|
@ -477,7 +477,7 @@ var app = new Vue({ |
|
|
|
|
padding-left:0px; |
|
|
|
|
margin-top:20px; |
|
|
|
|
} |
|
|
|
|
.news .title |
|
|
|
|
.news .title |
|
|
|
|
{ |
|
|
|
|
align-items:center; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -494,7 +494,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:40px; |
|
|
|
|
} |
|
|
|
|
.news .title span |
|
|
|
|
.news .title span |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -505,7 +505,7 @@ var app = new Vue({ |
|
|
|
|
padding-top:0px; |
|
|
|
|
padding-left:0px; |
|
|
|
|
} |
|
|
|
|
.news .body |
|
|
|
|
.news .body |
|
|
|
|
{ |
|
|
|
|
align-items:flex-start; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -522,7 +522,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:20px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.news .body .left |
|
|
|
|
.news .body .left |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
@ -535,13 +535,13 @@ var app = new Vue({ |
|
|
|
|
padding-left:0px; |
|
|
|
|
margin-top:0px; |
|
|
|
|
} |
|
|
|
|
.news .body .left img |
|
|
|
|
.news .body .left img |
|
|
|
|
{ |
|
|
|
|
width:100%; |
|
|
|
|
padding-top:0px; |
|
|
|
|
height:280px; |
|
|
|
|
} |
|
|
|
|
.news .body .left .title |
|
|
|
|
.news .body .left .title |
|
|
|
|
{ |
|
|
|
|
text-align:left; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -557,7 +557,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:40px; |
|
|
|
|
} |
|
|
|
|
.news .body .left .desc |
|
|
|
|
.news .body .left .desc |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
color:#B5B5B5; |
|
|
|
|
@ -571,7 +571,7 @@ var app = new Vue({ |
|
|
|
|
padding-left:0px; |
|
|
|
|
margin-top:0px; |
|
|
|
|
} |
|
|
|
|
.news .body .right |
|
|
|
|
.news .body .right |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
@ -586,7 +586,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.news .body .right .news-item |
|
|
|
|
.news .body .right .news-item |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
@ -601,7 +601,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:100px; |
|
|
|
|
} |
|
|
|
|
.news .body .right .news-item .date |
|
|
|
|
.news .body .right .news-item .date |
|
|
|
|
{ |
|
|
|
|
background-color:#EEEEEE; |
|
|
|
|
align-items:center; |
|
|
|
|
@ -618,7 +618,7 @@ var app = new Vue({ |
|
|
|
|
padding-left:8px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.news .body .right .news-item .date .day |
|
|
|
|
.news .body .right .news-item .date .day |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
text-align:center; |
|
|
|
|
@ -631,7 +631,7 @@ var app = new Vue({ |
|
|
|
|
padding-left:0px; |
|
|
|
|
height:70%; |
|
|
|
|
} |
|
|
|
|
.news .body .right .news-item .date .date |
|
|
|
|
.news .body .right .news-item .date .date |
|
|
|
|
{ |
|
|
|
|
text-align:center; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -640,7 +640,7 @@ var app = new Vue({ |
|
|
|
|
font-size:16PX; |
|
|
|
|
padding-top:0px; |
|
|
|
|
} |
|
|
|
|
.news .body .right .news-item .news-body |
|
|
|
|
.news .body .right .news-item .news-body |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
@ -655,7 +655,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.news .body .right .news-item .news-body .title |
|
|
|
|
.news .body .right .news-item .news-body .title |
|
|
|
|
{ |
|
|
|
|
text-align:left; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -671,7 +671,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:40px; |
|
|
|
|
} |
|
|
|
|
.news .body .right .news-item .news-body .desc |
|
|
|
|
.news .body .right .news-item .news-body .desc |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
color:#B5B5B5; |
|
|
|
|
@ -685,7 +685,7 @@ var app = new Vue({ |
|
|
|
|
padding-left:0px; |
|
|
|
|
margin-top:0px; |
|
|
|
|
} |
|
|
|
|
.news .more |
|
|
|
|
.news .more |
|
|
|
|
{ |
|
|
|
|
background-color:#FFFFFF; |
|
|
|
|
align-items:center; |
|
|
|
|
@ -704,7 +704,7 @@ var app = new Vue({ |
|
|
|
|
height:48px; |
|
|
|
|
} |
|
|
|
|
@media (max-width: 768px){ |
|
|
|
|
.ms-banner |
|
|
|
|
.ms-banner |
|
|
|
|
{ |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -714,7 +714,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:unset; |
|
|
|
|
} |
|
|
|
|
.ms-banner .ms-vue-awesome-swiper |
|
|
|
|
.ms-banner .ms-vue-awesome-swiper |
|
|
|
|
{ |
|
|
|
|
background-color:#E8F4FD; |
|
|
|
|
align-items:center; |
|
|
|
|
@ -729,7 +729,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:300px; |
|
|
|
|
} |
|
|
|
|
.ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom |
|
|
|
|
.ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom |
|
|
|
|
{ |
|
|
|
|
background-color:RGBA(63, 158, 255, .75); |
|
|
|
|
align-items:center; |
|
|
|
|
@ -745,7 +745,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:40px; |
|
|
|
|
} |
|
|
|
|
.ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom .ms-vue-awesome-swiper-title |
|
|
|
|
.ms-banner .ms-vue-awesome-swiper .ms-vue-awesome-swiper-bottom .ms-vue-awesome-swiper-title |
|
|
|
|
{ |
|
|
|
|
color:#FFFFFF; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -754,7 +754,7 @@ var app = new Vue({ |
|
|
|
|
font-size:14px; |
|
|
|
|
padding-left:0px; |
|
|
|
|
} |
|
|
|
|
.about |
|
|
|
|
.about |
|
|
|
|
{ |
|
|
|
|
align-items:center; |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
@ -768,7 +768,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:18px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.about .body |
|
|
|
|
.about .body |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
align-items:center; |
|
|
|
|
@ -783,7 +783,7 @@ var app = new Vue({ |
|
|
|
|
justify-content:flex-start; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.about .body .left |
|
|
|
|
.about .body .left |
|
|
|
|
{ |
|
|
|
|
align-items:center; |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
@ -796,14 +796,14 @@ var app = new Vue({ |
|
|
|
|
padding-left:0px; |
|
|
|
|
justify-content:center; |
|
|
|
|
} |
|
|
|
|
.about .body .left img |
|
|
|
|
.about .body .left img |
|
|
|
|
{ |
|
|
|
|
width:100%; |
|
|
|
|
margin-bottom:0px; |
|
|
|
|
padding-top:0px; |
|
|
|
|
height:200px; |
|
|
|
|
} |
|
|
|
|
.about .body .right |
|
|
|
|
.about .body .right |
|
|
|
|
{ |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
flex-direction:column; |
|
|
|
|
@ -816,7 +816,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.about .body .right .title |
|
|
|
|
.about .body .right .title |
|
|
|
|
{ |
|
|
|
|
align-items:center; |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
@ -829,7 +829,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:40px; |
|
|
|
|
} |
|
|
|
|
.about .body .right .title span |
|
|
|
|
.about .body .right .title span |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -840,7 +840,7 @@ var app = new Vue({ |
|
|
|
|
padding-top:0px; |
|
|
|
|
padding-left:0px; |
|
|
|
|
} |
|
|
|
|
.about .body .right .desc |
|
|
|
|
.about .body .right .desc |
|
|
|
|
{ |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -851,7 +851,7 @@ var app = new Vue({ |
|
|
|
|
padding-left:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.about .body .right .desc span |
|
|
|
|
.about .body .right .desc span |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -861,7 +861,7 @@ var app = new Vue({ |
|
|
|
|
padding-top:0px; |
|
|
|
|
margin-top:20px; |
|
|
|
|
} |
|
|
|
|
.product |
|
|
|
|
.product |
|
|
|
|
{ |
|
|
|
|
background-color:#F2F2F2; |
|
|
|
|
align-items:center; |
|
|
|
|
@ -879,7 +879,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:20px; |
|
|
|
|
height:unset; |
|
|
|
|
} |
|
|
|
|
.product .title |
|
|
|
|
.product .title |
|
|
|
|
{ |
|
|
|
|
align-items:center; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -896,7 +896,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:40px; |
|
|
|
|
} |
|
|
|
|
.product .title span |
|
|
|
|
.product .title span |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -907,7 +907,7 @@ var app = new Vue({ |
|
|
|
|
padding-top:0px; |
|
|
|
|
padding-left:0px; |
|
|
|
|
} |
|
|
|
|
.product .body |
|
|
|
|
.product .body |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
align-items:center; |
|
|
|
|
@ -922,7 +922,7 @@ var app = new Vue({ |
|
|
|
|
justify-content:center; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.product .body .prod |
|
|
|
|
.product .body .prod |
|
|
|
|
{ |
|
|
|
|
background-color:#FFFFFF; |
|
|
|
|
flex-direction:column; |
|
|
|
|
@ -938,7 +938,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.product .body .prod .pic |
|
|
|
|
.product .body .prod .pic |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
@ -951,7 +951,7 @@ var app = new Vue({ |
|
|
|
|
padding-left:0px; |
|
|
|
|
height:200px; |
|
|
|
|
} |
|
|
|
|
.product .body .prod .pic img |
|
|
|
|
.product .body .prod .pic img |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
width:100%; |
|
|
|
|
@ -959,7 +959,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.product .body .prod .text |
|
|
|
|
.product .body .prod .text |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
text-align:center; |
|
|
|
|
@ -973,7 +973,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:10px; |
|
|
|
|
height:40px; |
|
|
|
|
} |
|
|
|
|
.product .more |
|
|
|
|
.product .more |
|
|
|
|
{ |
|
|
|
|
background-color:#FFFFFF; |
|
|
|
|
align-items:center; |
|
|
|
|
@ -991,7 +991,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:48px; |
|
|
|
|
} |
|
|
|
|
.news |
|
|
|
|
.news |
|
|
|
|
{ |
|
|
|
|
align-items:center; |
|
|
|
|
flex-direction:column; |
|
|
|
|
@ -1008,7 +1008,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:20px; |
|
|
|
|
height:unset; |
|
|
|
|
} |
|
|
|
|
.news .title |
|
|
|
|
.news .title |
|
|
|
|
{ |
|
|
|
|
align-items:center; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -1025,7 +1025,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:40px; |
|
|
|
|
} |
|
|
|
|
.news .title span |
|
|
|
|
.news .title span |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -1036,7 +1036,7 @@ var app = new Vue({ |
|
|
|
|
padding-top:0px; |
|
|
|
|
padding-left:0px; |
|
|
|
|
} |
|
|
|
|
.news .body |
|
|
|
|
.news .body |
|
|
|
|
{ |
|
|
|
|
align-items:flex-start; |
|
|
|
|
flex-direction:column; |
|
|
|
|
@ -1053,7 +1053,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:20px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.news .body .left |
|
|
|
|
.news .body .left |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
@ -1066,7 +1066,7 @@ var app = new Vue({ |
|
|
|
|
padding-left:0px; |
|
|
|
|
margin-top:0px; |
|
|
|
|
} |
|
|
|
|
.news .body .left img |
|
|
|
|
.news .body .left img |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
width:100%; |
|
|
|
|
@ -1075,7 +1075,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.news .body .left .title |
|
|
|
|
.news .body .left .title |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
text-align:left; |
|
|
|
|
@ -1090,7 +1090,7 @@ var app = new Vue({ |
|
|
|
|
justify-content:flex-start; |
|
|
|
|
height:40px; |
|
|
|
|
} |
|
|
|
|
.news .body .left .desc |
|
|
|
|
.news .body .left .desc |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
color:#B5B5B5; |
|
|
|
|
@ -1104,7 +1104,7 @@ var app = new Vue({ |
|
|
|
|
padding-left:0px; |
|
|
|
|
margin-top:0px; |
|
|
|
|
} |
|
|
|
|
.news .body .right |
|
|
|
|
.news .body .right |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
@ -1119,7 +1119,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.news .body .right .news-item |
|
|
|
|
.news .body .right .news-item |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
@ -1134,7 +1134,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:100px; |
|
|
|
|
} |
|
|
|
|
.news .body .right .news-item .date |
|
|
|
|
.news .body .right .news-item .date |
|
|
|
|
{ |
|
|
|
|
background-color:#EEEEEE; |
|
|
|
|
align-items:center; |
|
|
|
|
@ -1151,7 +1151,7 @@ var app = new Vue({ |
|
|
|
|
padding-left:8px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.news .body .right .news-item .date .day |
|
|
|
|
.news .body .right .news-item .date .day |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
text-align:center; |
|
|
|
|
@ -1164,7 +1164,7 @@ var app = new Vue({ |
|
|
|
|
padding-left:0px; |
|
|
|
|
height:70%; |
|
|
|
|
} |
|
|
|
|
.news .body .right .news-item .date .date |
|
|
|
|
.news .body .right .news-item .date .date |
|
|
|
|
{ |
|
|
|
|
text-align:center; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -1173,7 +1173,7 @@ var app = new Vue({ |
|
|
|
|
font-size:16PX; |
|
|
|
|
padding-top:0px; |
|
|
|
|
} |
|
|
|
|
.news .body .right .news-item .news-body |
|
|
|
|
.news .body .right .news-item .news-body |
|
|
|
|
{ |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
flex-wrap:nowrap; |
|
|
|
|
@ -1188,7 +1188,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:100%; |
|
|
|
|
} |
|
|
|
|
.news .body .right .news-item .news-body .title |
|
|
|
|
.news .body .right .news-item .news-body .title |
|
|
|
|
{ |
|
|
|
|
text-align:left; |
|
|
|
|
flex-direction:row; |
|
|
|
|
@ -1204,7 +1204,7 @@ var app = new Vue({ |
|
|
|
|
margin-top:0px; |
|
|
|
|
height:40px; |
|
|
|
|
} |
|
|
|
|
.news .body .right .news-item .news-body .desc |
|
|
|
|
.news .body .right .news-item .news-body .desc |
|
|
|
|
{ |
|
|
|
|
display: none; |
|
|
|
|
padding-bottom:0px; |
|
|
|
|
@ -1218,7 +1218,7 @@ var app = new Vue({ |
|
|
|
|
padding-left:0px; |
|
|
|
|
margin-top:0px; |
|
|
|
|
} |
|
|
|
|
.news .more |
|
|
|
|
.news .more |
|
|
|
|
{ |
|
|
|
|
background-color:#FFFFFF; |
|
|
|
|
align-items:center; |
|
|
|
|
@ -1239,4 +1239,4 @@ var app = new Vue({ |
|
|
|
|
|
|
|
|
|
}</style> |
|
|
|
|
</body> |
|
|
|
|
</html> |
|
|
|
|
</html> |
|
|
|
|
|