|
|
@@ -1,56 +1,66 @@
|
|
|
<template>
|
|
|
<div class="box">
|
|
|
- <div class="banner_box">
|
|
|
- <div class="hoem_box">
|
|
|
- <img class="backout_img" src="@/assets/img/home/banner2.jpg" alt="" srcset="" />
|
|
|
- <img class="backout_img_move" src="@/assets/img/home/home4.jpg" alt="" srcset="" />
|
|
|
- <div class="banner_content">
|
|
|
- <p class="banner_t">SY-CRS-BsAb</p>
|
|
|
- <div class="banner_c">
|
|
|
- <div class="banner_list" v-for="(item, index) in bannerTabList" :key="index" :class="index > 0 ? 'banner_list2' : ''">
|
|
|
- <div class="ba_l">
|
|
|
- <img class="ba_img" :src="item.img" alt="" />
|
|
|
- </div>
|
|
|
- <div class="ba_rig">
|
|
|
- <div class="ba_tit">{{ item.title }}</div>
|
|
|
- <p class="rig_c" v-html="item.content"></p>
|
|
|
- </div>
|
|
|
+ <div class="banner">
|
|
|
+ <img class="backout_img" src="@/assets/img/doubleAntibody/S5.jpg" alt="" srcset="" />
|
|
|
+ </div>
|
|
|
+ <div class="serviceBox">
|
|
|
+ <div class="serviceBoxOne">
|
|
|
+ <p class="serviceText">
|
|
|
+ As of 2024, 19 bispecific antibody drugs have been approved globally, with over 200 candidates in clinical development and an annual growth rate exceeding 30%. Current focus remains on oncology, while expanding into hematologic diseases, autoimmune disorders and other areas. Leveraging diverse structural formats (e.g., IgG-like, BiTE®), BsAbs enable synergistic targeting and immune cell bridging, demonstrating superior efficacy versus conventional therapies. Emerging technologies like BsAb-ADCs are driving applications in neurodegenerative diseases and beyond.
|
|
|
+ </p>
|
|
|
+ <p class="serviceText">Sanyou Bio offers a validated collection of 73 reference BsAb covering major platforms (CrossMab, BiTE®, etc.), supporting end-to-end R&D from candidate screening to preclinical evaluation. SY-CRS-BsAb solutions accelerate development by addressing key technical challenges and improving efficiency.</p>
|
|
|
+ <div class="homeBox">
|
|
|
+ <div class="homeBoxLeft">
|
|
|
+ <img class="homeBoxLeftImg" src="@/assets/img/doubleAntibody/S7.png" alt="" srcset="" />
|
|
|
+ <p class="homeBoxLeftText">SY-CRS-BsAb Isotype Distribution</p>
|
|
|
+ </div>
|
|
|
+ <div class="homeBoxLeft">
|
|
|
+ <img class="homeBoxLeftImg" src="@/assets/img/doubleAntibody/S8.png" alt="" srcset="" />
|
|
|
+ <p class="homeBoxLeftText">SY-CRS-BsAb Target Distribution</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 数据 -->
|
|
|
- <div class="list">
|
|
|
- <el-row :gutter="60" class="type_f">
|
|
|
- <el-col :span="6" v-for="(item, index) in tabList" :key="index">
|
|
|
- <div class="list_b" @click="$util.goRoute({ name: item.url })">
|
|
|
- <img
|
|
|
- class="list_img"
|
|
|
- :src="item.img"
|
|
|
- alt=""
|
|
|
- srcset=""
|
|
|
- />
|
|
|
- <div class="list_title">{{ item.name }}</div>
|
|
|
+ <div class="serviceBoxOne">
|
|
|
+ <p class="serviceBoxOneTitle">Manufacturing Process</p>
|
|
|
+ <div class="serviceTopTitle">SY-CRS-BsAb Produciton Process Flow</div>
|
|
|
+ <img class="serviceBoxOneImg" src="@/assets/img/doubleAntibody/S6.png" alt="" srcset="" />
|
|
|
+ </div>
|
|
|
+ <div class="serviceBoxOne">
|
|
|
+ <p class="serviceBoxOneTitle">Quality Management System</p>
|
|
|
+ <p class="serviceText">SanYou Bio’s advanced antibody production system features high-end international equipment and full capabilities in plasmid construction, protein expression, and purification. Operating under GMP-grade host cells and Grade C+A cleanroom conditions, it follows 400+ standardized SOPs to ensure high-throughput, efficient delivery. All processes comply with ISO9001 and ISO27001, with strict quality control to guarantee antibody quality.</p>
|
|
|
+ <div class="article">
|
|
|
+ <template>
|
|
|
+ <el-table
|
|
|
+ :data="overView"
|
|
|
+ stripe
|
|
|
+ empty-text="Not Date"
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column prop="data" label="Data"/>
|
|
|
+ <el-table-column prop="BsAb" label="SY-CRS-BsAb" />
|
|
|
+ </el-table>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-row :gutter="10" class="type_t">
|
|
|
- <el-col :span="8" v-for="(item, index) in tabList" :key="index">
|
|
|
- <div class="list_b" @click="$util.goRoute({ name: item.url })">
|
|
|
- <img
|
|
|
- class="list_img"
|
|
|
- :src="item.img"
|
|
|
- alt=""
|
|
|
- srcset=""
|
|
|
- />
|
|
|
- <div class="list_title">{{ item.name }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="serviceBoxTwo">
|
|
|
+ <p class="serviceBoxOneTitle">Production Experience</p>
|
|
|
+ <div class="homeBox">
|
|
|
+ <div class="homeBoxLeft">
|
|
|
+ <img class="homeBoxLeftImg" src="@/assets/img/doubleAntibody/S1.jpg" alt="" srcset="" />
|
|
|
+ </div>
|
|
|
+ <div class="homeBoxLeft">
|
|
|
+ <img class="homeBoxLeftImg" src="@/assets/img/doubleAntibody/S2.jpg" alt="" srcset="" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="homeBox">
|
|
|
+ <div class="homeBoxLeft">
|
|
|
+ <img class="homeBoxLeftImg" src="@/assets/img/doubleAntibody/S3.jpg" alt="" srcset="" />
|
|
|
+ </div>
|
|
|
+ <div class="homeBoxLeft">
|
|
|
+ <img class="homeBoxLeftImg" src="@/assets/img/doubleAntibody/S4.jpg" alt="" srcset="" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -60,56 +70,31 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- tabList: [
|
|
|
- {
|
|
|
- id: 1,
|
|
|
- url: "configuration",
|
|
|
- img: require("@/assets/img/home/6-19.png"),
|
|
|
- name: "Overview"
|
|
|
- },
|
|
|
- {
|
|
|
- id: 1,
|
|
|
- url: "configuration",
|
|
|
- img: require("@/assets/img/home/home1.png"),
|
|
|
- name: "Configuration"
|
|
|
- },
|
|
|
- {
|
|
|
- id: 2,
|
|
|
- url: "product",
|
|
|
- img: require("@/assets/img/home/home2.png"),
|
|
|
- name: "Product"
|
|
|
- },
|
|
|
- {
|
|
|
- id: 3,
|
|
|
- url: "",
|
|
|
- img: require("@/assets/img/home/6-20.png"),
|
|
|
- name: "BsAb Reference Catalog "
|
|
|
- }
|
|
|
- ],
|
|
|
- bannerTabList: [
|
|
|
+ overView: [
|
|
|
{
|
|
|
- id: 1,
|
|
|
- img: require("@/assets/img/home/m-03.png"),
|
|
|
- title: "10+",
|
|
|
- content: "Years experience of antibody discovery"
|
|
|
- },
|
|
|
- {
|
|
|
- id: 2,
|
|
|
- img: require("@/assets/img/home/m-04.png"),
|
|
|
- title: "1500+",
|
|
|
- content: "Customer <br/> services"
|
|
|
- },
|
|
|
- {
|
|
|
- id: 3,
|
|
|
- img: require("@/assets/img/home/m-05.png"),
|
|
|
- title: "20000+",
|
|
|
- content: "Dedicated <br/> R&D area"
|
|
|
- },
|
|
|
- {
|
|
|
- id: 4,
|
|
|
- img: require("@/assets/img/home/m-06.png"),
|
|
|
- title: "100000+",
|
|
|
- content: "Antibodies <br/> production"
|
|
|
+ data: "Concentration",
|
|
|
+ BsAb: "√"
|
|
|
+ }, {
|
|
|
+ data: "Purity: SDS-PAGE",
|
|
|
+ BsAb: "√"
|
|
|
+ }, {
|
|
|
+ data: "Purity: SEC-HPLC",
|
|
|
+ BsAb: "√"
|
|
|
+ }, {
|
|
|
+ data: "LC-MS",
|
|
|
+ BsAb: "√"
|
|
|
+ }, {
|
|
|
+ data: "Endotoxin",
|
|
|
+ BsAb: "√"
|
|
|
+ }, {
|
|
|
+ data: "ELISA Binding",
|
|
|
+ BsAb: "√"
|
|
|
+ }, {
|
|
|
+ data: "FACS Binding",
|
|
|
+ BsAb: "√"
|
|
|
+ }, {
|
|
|
+ data: "Funtional Assay",
|
|
|
+ BsAb: "√"
|
|
|
}
|
|
|
]
|
|
|
};
|
|
|
@@ -117,425 +102,123 @@ export default {
|
|
|
methods: {
|
|
|
},
|
|
|
mounted() {},
|
|
|
- created() {
|
|
|
-
|
|
|
- }
|
|
|
+ created() {}
|
|
|
};
|
|
|
</script>
|
|
|
-<style lang="scss">
|
|
|
-.site-header-suggestion-select {
|
|
|
- .el-autocomplete-suggestion__wrap {
|
|
|
- max-height: 380px;
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|
|
|
<style lang="scss" scoped>
|
|
|
@media screen and (min-width: 751px) and (max-width: 9999px) {
|
|
|
.box {
|
|
|
- .banner_box {
|
|
|
- .hoem_box {
|
|
|
- position: relative;
|
|
|
- .backout_img {
|
|
|
+ .banner{
|
|
|
+ .backout_img{
|
|
|
width: 100%;
|
|
|
}
|
|
|
- .banner_content{
|
|
|
- width: 1200px;
|
|
|
- position: absolute;
|
|
|
- top: 120px;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
- color: #fff;
|
|
|
- .banner_t{
|
|
|
- width: 600px;
|
|
|
- font-size: 48px;
|
|
|
- }
|
|
|
- .banner_c{
|
|
|
- width: 1200pX;
|
|
|
- font-size: 14px;
|
|
|
- line-height: 18px;
|
|
|
- font-weight: 400;
|
|
|
- margin: auto;
|
|
|
- font-family: Source Han Sans CN;
|
|
|
- margin-top: 20px;
|
|
|
- word-wrap:break-word;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- .banner_list{
|
|
|
- width: 200px;
|
|
|
- padding: 10px;
|
|
|
- border-radius: 7px;
|
|
|
- border: 2px solid #007DDD;
|
|
|
+ }
|
|
|
+ .serviceBox{
|
|
|
+ background: #f4f2f2;
|
|
|
+ overflow: hidden;
|
|
|
+ .serviceBoxOne{
|
|
|
+ width: 1200px;
|
|
|
+ margin: 30px auto 0;
|
|
|
+ background: #fff;
|
|
|
+ padding: 35px 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .serviceText{
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #000000;
|
|
|
+ line-height: 24px;
|
|
|
+ margin-bottom: 24px;
|
|
|
+ }
|
|
|
+ .homeBox{
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- margin-right: 10px;
|
|
|
- .ba_l{
|
|
|
- width: 35px;
|
|
|
- margin-right: 10px;
|
|
|
- .ba_img{
|
|
|
+ justify-content: space-between;
|
|
|
+ .homeBoxLeft{
|
|
|
+ width: 49%;
|
|
|
+ border: 1px solid #F4F2F2;
|
|
|
+ padding: 20px 40px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .homeBoxLeftImg{
|
|
|
width: 100%;
|
|
|
}
|
|
|
- }
|
|
|
- .ba_rig{
|
|
|
- flex: 1;
|
|
|
- .ba_tit{
|
|
|
- text-align: center;
|
|
|
- font-family: Source Han Sans CN;
|
|
|
+ .homeBoxLeftText{
|
|
|
font-weight: bold;
|
|
|
- font-size: 16px;
|
|
|
- color: #00F6FF;
|
|
|
- line-height: 29px;
|
|
|
- }
|
|
|
- .rig_c{
|
|
|
- font-family: Source Han Sans CN;
|
|
|
- font-weight: 400;
|
|
|
font-size: 14px;
|
|
|
- color: #FFFFFF;
|
|
|
- line-height: 17px;
|
|
|
+ color: #000000;
|
|
|
+ line-height: 24px;
|
|
|
text-align: center;
|
|
|
+ margin-top: 10px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .banner_list2{
|
|
|
- width: 160px;
|
|
|
+ .serviceBoxOneTitle{
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #000000;
|
|
|
+ line-height: 24px;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- .backout_img_move{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .hoem_box {
|
|
|
- position: relative;
|
|
|
- .backout_img {
|
|
|
- width: 100%;
|
|
|
- // height: 32.5rem;
|
|
|
- // height: 698px;
|
|
|
- // height: 30rem;
|
|
|
- }
|
|
|
- .backout_img_move{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .clout {
|
|
|
- position: absolute;
|
|
|
- // max-width: 60.875rem;
|
|
|
- // min-width: 50%;
|
|
|
- width: 1200px;
|
|
|
- // width: auto;
|
|
|
- // top: 60%;
|
|
|
- left: 50%;
|
|
|
- bottom: -35%;
|
|
|
- transform: translate(-50%, -50%);
|
|
|
- text-align: center;
|
|
|
- .title {
|
|
|
- font-size: 3.75rem;
|
|
|
- text-align: center;
|
|
|
- margin-bottom: 1rem;
|
|
|
- font-family: Arial;
|
|
|
- font-weight: 600;
|
|
|
- color: #ffffff;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
- .title_img{
|
|
|
- margin-bottom: 1.8rem;
|
|
|
- width: 14.5rem;
|
|
|
- }
|
|
|
- .title_d {
|
|
|
- font-size: 2rem;
|
|
|
- font-family: Arial;
|
|
|
- font-weight: 400;
|
|
|
- color: #0D2031;
|
|
|
- line-height: 1;
|
|
|
- text-align: center;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
- .clout_box{
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- margin-top: 2rem;
|
|
|
- .clout_box_content{
|
|
|
- width: 24%;
|
|
|
- // height: 9rem;
|
|
|
- padding: 1rem 0;
|
|
|
- box-sizing: border-box;
|
|
|
- background: #FFFFFF;
|
|
|
- border-radius: 1px;
|
|
|
- opacity: 0.8;
|
|
|
- .clout_box_img{
|
|
|
- margin: 0.2rem 0rem 0.5rem;
|
|
|
- }
|
|
|
- .clout_box_num{
|
|
|
- font-family: Source Han Sans CN;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 1.2rem;
|
|
|
- color: #0D2031;
|
|
|
- line-height: 1.3rem;
|
|
|
+ .serviceTopTitle{
|
|
|
+ font-size: 18px;
|
|
|
+ color: #fff;
|
|
|
+ padding: 15px 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: 600;
|
|
|
+ background: linear-gradient(90deg, #1880C1, #22AB3A);
|
|
|
+ }
|
|
|
+ .serviceBoxOneImg{
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 45px;
|
|
|
+ }
|
|
|
+ .article /deep/{
|
|
|
+ .has-gutter th{
|
|
|
+ background-color: #075BA9 !important;
|
|
|
+ .cell{
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
}
|
|
|
- .clout_box_text{
|
|
|
- font-family: Source Han Sans CN;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 1.2rem;
|
|
|
- // color: #0D2031;
|
|
|
+ .cell{
|
|
|
color: #000;
|
|
|
- line-height: 1.3rem;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- .input /deep/ {
|
|
|
- width: 60%;
|
|
|
- margin: 3.2rem auto 0;
|
|
|
- .input-with-select {
|
|
|
- height: 3.375rem;
|
|
|
- .el-input__inner {
|
|
|
- height: 3.375rem;
|
|
|
- &:focus {
|
|
|
- border-color: #fff;
|
|
|
- }
|
|
|
+ .el-table__row td{
|
|
|
+ background-color: #fff !important;
|
|
|
}
|
|
|
- .el-input-group__append {
|
|
|
- width: 3.375rem;
|
|
|
- background-color: #0053a8;
|
|
|
- border: none;
|
|
|
- .el-icon-search {
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
+ .el-table__row--striped td{
|
|
|
+ background-color: #F0FAFE !important;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .list {
|
|
|
- width: 1200px;
|
|
|
- // width: 62.5%;
|
|
|
- margin: 30px auto 90px;
|
|
|
- .type_t {
|
|
|
- display: none;
|
|
|
}
|
|
|
- .list_b {
|
|
|
- height: 261px;
|
|
|
- cursor: pointer;
|
|
|
- // background: #F6FAFF;
|
|
|
- padding-top: 25px;
|
|
|
- .list_img {
|
|
|
- display: block;
|
|
|
- width: 154px;
|
|
|
- margin: auto;
|
|
|
- }
|
|
|
- .list_title {
|
|
|
- font-size: 18px;
|
|
|
- margin-top: 12px;
|
|
|
- font-family: Source Han Sans CN;
|
|
|
+ .serviceBoxTwo{
|
|
|
+ width: 1200px;
|
|
|
+ margin: 30px auto 70px;
|
|
|
+ background: #fff;
|
|
|
+ padding: 35px 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .serviceBoxOneTitle{
|
|
|
font-weight: bold;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #000000;
|
|
|
line-height: 24px;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- &:hover{
|
|
|
- // background: linear-gradient(0deg, rgba(250,242,255,0.76), rgba(226,248,255,0.76));
|
|
|
- .list_title{
|
|
|
- color: #055AA8;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .footerbox {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-@media screen and (min-width: 751px) and (max-width: 1200px) {
|
|
|
- .title {
|
|
|
- font-size: 40px !important;
|
|
|
- }
|
|
|
- .title_d {
|
|
|
- font-size: 18px !important;
|
|
|
- }
|
|
|
- .clout{
|
|
|
- width: 100% !important;
|
|
|
- padding: 0 20px !important;
|
|
|
- }
|
|
|
- .list {
|
|
|
- width: 100% !important;
|
|
|
- padding: 0 20px !important;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-@media screen and (min-width: 0px) and (max-width: 750px) {
|
|
|
- .box {
|
|
|
- overflow: hidden;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- height: 100%;
|
|
|
- .banner_box {
|
|
|
- .hoem_box {
|
|
|
- position: relative;
|
|
|
- .backout_img_move {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- .banner_content{
|
|
|
- position: absolute;
|
|
|
- // left: 0.2rem;
|
|
|
- // right: 0.2rem;
|
|
|
- // top: 50%;
|
|
|
- // transform: translate(0%,-50%);
|
|
|
- top: 20%;
|
|
|
- left: 3%;
|
|
|
- color: #fff;
|
|
|
- .banner_t{
|
|
|
- font-size: 0.2rem;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
- .banner_c{
|
|
|
- // font-size: 0.1rem;
|
|
|
- // margin-top: 0.1rem;
|
|
|
- // word-wrap:break-word;
|
|
|
- display: none;
|
|
|
- }
|
|
|
- }
|
|
|
- .backout_img{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .contentbox {
|
|
|
- flex: 1;
|
|
|
- }
|
|
|
- .hoem_box {
|
|
|
- position: relative;
|
|
|
- .backout_img {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .backout_img_move{
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- .clout {
|
|
|
- width: 100%;
|
|
|
- padding: 0.12rem;
|
|
|
- position: absolute;
|
|
|
- // width: auto;
|
|
|
- top: 55%;
|
|
|
- left: 50%;
|
|
|
- transform: translate(-50%, -50%);
|
|
|
- text-align: center;
|
|
|
- .title {
|
|
|
- font-size: 0.2rem;
|
|
|
- text-align: center;
|
|
|
- margin-bottom: 0.1rem;
|
|
|
- font-family: Arial;
|
|
|
- font-weight: 600;
|
|
|
- color: #ffffff;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
- .title_img{
|
|
|
- width: 35%;
|
|
|
- margin-bottom: 0.2rem;
|
|
|
- }
|
|
|
- .title_d {
|
|
|
- font-size: 0.14rem;
|
|
|
- font-family: Arial;
|
|
|
- font-weight: 600;
|
|
|
- color: #0D2031;
|
|
|
- line-height: 1;
|
|
|
- text-align: center;
|
|
|
- white-space: nowrap;
|
|
|
- margin-bottom: 0.6rem;
|
|
|
- }
|
|
|
- .clout_box{
|
|
|
+ .homeBox{
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
- flex-wrap: wrap;
|
|
|
- margin-top: 0.1rem;
|
|
|
- .clout_box_content{
|
|
|
- margin-top: 0.1rem;
|
|
|
- width: 48%;
|
|
|
- padding: 0.05rem 0;
|
|
|
- box-sizing: border-box;
|
|
|
- background: #FFFFFF;
|
|
|
- border-radius: 1px;
|
|
|
- opacity: 0.9;
|
|
|
- .clout_box_img{
|
|
|
- width: .3rem;
|
|
|
- }
|
|
|
- .clout_box_num{
|
|
|
- font-family: Source Han Sans CN;
|
|
|
- font-weight: bold;
|
|
|
- font-size: .1rem;
|
|
|
- color: #0D2031;
|
|
|
- line-height: .13rem;
|
|
|
- }
|
|
|
- .clout_box_text{
|
|
|
- font-family: Source Han Sans CN;
|
|
|
- font-weight: bold;
|
|
|
- font-size: .1rem;
|
|
|
- // color: #0D2031;
|
|
|
- color: #000;
|
|
|
- line-height: .13rem;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .input /deep/ {
|
|
|
- width: 100%;
|
|
|
- margin: 0.3rem auto 0;
|
|
|
- .input-with-select {
|
|
|
- height: 0.375rem;
|
|
|
- .el-input__inner {
|
|
|
- height: 0.375rem;
|
|
|
- &:focus {
|
|
|
- border-color: #fff;
|
|
|
- }
|
|
|
- }
|
|
|
- .el-input-group__append {
|
|
|
- width: 0.375rem;
|
|
|
- background-color: #0053a8;
|
|
|
- border: none;
|
|
|
- .el-icon-search {
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
+ margin-top: 25px;
|
|
|
+ .homeBoxLeft{
|
|
|
+ width: 49%;
|
|
|
+ border: 1px solid #F4F2F2;
|
|
|
+ text-align: center;
|
|
|
+ .homeBoxLeftImg{
|
|
|
+ // width: 100%;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .list {
|
|
|
- width: 100%;
|
|
|
- margin: 0.2rem auto;
|
|
|
- padding: 0 0.12rem;
|
|
|
- .type_f {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .type_t {
|
|
|
- display: block;
|
|
|
- }
|
|
|
- .list_b {
|
|
|
- // height: 200px;
|
|
|
- margin-top: 20px;
|
|
|
- background: #F6FAFF;
|
|
|
- // background-color: #0053a8;
|
|
|
- padding-top: 25px;
|
|
|
- .list_img {
|
|
|
- display: block;
|
|
|
- width: 90px;
|
|
|
- margin: auto;
|
|
|
- }
|
|
|
- .list_title {
|
|
|
- padding: 0 0.02rem;
|
|
|
- height: 0.6rem;
|
|
|
- font-size: 0.12rem;
|
|
|
- margin-top: 0.08rem;
|
|
|
- font-family: Source Han Sans CN;
|
|
|
- font-weight: bold;
|
|
|
- text-align: center;
|
|
|
- // color: #005bab;
|
|
|
- }
|
|
|
- &:hover{
|
|
|
- background: linear-gradient(0deg, rgba(250,242,255,0.76), rgba(226,248,255,0.76));
|
|
|
- .list_title{
|
|
|
- color: #055AA8;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
