refactor: pc联系我们 - 文化介绍页修改

app/index/view/pc/about_us/culture.html

@@ -8,20 +8,20 @@
 <link rel="stylesheet" type="text/css" href="__CSS__/animate.min.css" />
 {/block}
 {block name="main"}
-<div class="culture_top">
+<div class="orico_Page_productxc">
+    <!--内容 -->
+    <div class="productxcMain">
+        <div class="culture_top">
             {notempty name="focus_image"}
-    {notempty name="focus_image.link"}
+            <a {notempty name="focus_image.link"}href="{$focus_image.link}"{/notempty}>
-    <a href="{$focus_image.link}">
+                <img src="{$focus_image.image}">
-        <img src="{$focus_image.image}" />
             </a>
-    {else/}
-    <img src="{$focus_image.image}" />
             {/notempty}
             {notempty name="culture"}
-    <div class="culture_bril_con swt-Container">
+            <div class="culture_bril_con">
                 {volist name="culture" id="cul" offset="0" length="3"}
-        <div class="culture_bril_div">
+                <div class="culture_bril_div animated fadeInUp">
-            <div class="iconimg"><img src="{$cul.image}" /></div>
+                    <div class="iconimg"><img src="{$cul.image}"></div>
                     <div class="title">
                         <p>{$cul.title}</p>
                     </div>
@@ -30,70 +30,41 @@
                 {/volist}
             </div>
             {/notempty}
-</div>
+        </div>
-{notempty name="culture"}
+        {notempty name="culture"}
-<div class="culture_vision">
+        <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 class="swt-Table img-responsive culture_vision_02">
                     <div id="tab{$k}" class="Table-Row">
-                <div class="Table-Cell left"><img src="{$cul.image}" /></div>
+                        <div class="Table-Cell left animated fadeInLeft">
-                <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 class="des">{$cul.desc|raw}</div>
                         </div>
+                        <div class="Table-Cell center"></div>
+                        <div class="Table-Cell right animated fadeInRight"><img src="{$cul.image}"></div>
                     </div>
                 </div>
                 {else /}
-        <div class="swt-Table img-responsive culture_vision_02">
+                <div class="swt-Table img-responsive">
                     <div id="tab{$k}" class="Table-Row">
-                <div class="Table-Cell left">
+                        <div class="Table-Cell left animated fadeInLeft"><img src="{$cul.image}"></div>
-                    <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 class="Table-Cell right animated fadeInRight">
+                            <p class="subtitle">{$cul.title}</p>
+                            <div class="des">{$cul.desc|raw}</div>
+                        </div>
                     </div>
                 </div>
                 {/eq}
                 {/volist}
             </div>
+        </div>
+        {/notempty}
+    </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}

public/static/index/pc/css/aboutus_culture.css

@@ -1,148 +1,95 @@
-.culture-Menu {
+.orico_Page_productxc {
-  background-color: #f1f1f1;
+  width: 100%;
-  overflow: hidden;
+  position: relative;
+  min-height: 100vh;
+  overflow-y: auto;
+  overflow-x: hidden;
+  background: #f2f2f2;
 }
-.culture {
+.orico_Page_productxc .productxcMain {
-  background-color: #e8eef0;
+  display: flex;
-  overflow: hidden;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
 }
-.culture .title {
+.orico_Page_productxc .productxcMain p {
-  color: #002855;
+  font-family: inherit;
-  font-weight: 600;
-  padding: 5% 0 3%;
 }
-.culture_top{
+.orico_Page_productxc .productxcMain .culture_top {
-    background: #F2F2F2;
+  background: #f2f2f2;
+  display: flex;
+  flex-direction: column;
 }
-.culture_top img{
+.orico_Page_productxc .productxcMain .culture_top img {
   height: auto;
   max-width: 100%;
 }
-.culture_bril_con {background: #F2F2F2; overflow: hidden; display:flex}
+.orico_Page_productxc .productxcMain .culture_top .culture_bril_con {
-.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}
+  max-width: 101.25rem;
-.culture_bril_div:first-child{margin-left:0;}
+  width: 80%;
-.culture_bril_div .iconimg{margin:0 auto;margin-top:50px;}
+  background: #f2f2f2;
-.culture_bril_div .title{font-size:18px;font-weight:600;font-family: Montserrat-Bold, Montserrat;margin-top:32px;width: 90%;margin-left: 5%;}
+  overflow: hidden;
-.culture_bril_div .subtitle{width:80%;font-size:14px;color: #707070;font-family: Montserrat-Medium, Montserrat;margin-top:22px;margin-left:10%}
+  display: flex;
-@media screen and (min-width:1461px) and (max-width:1720px){
+  margin: 0 auto;
-   .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){
+.orico_Page_productxc .productxcMain .culture_top .culture_bril_con .culture_bril_div {
-   .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}
+  width: 29%;
-   
+  height: 597px;
-    .culture_bril_div .iconimg{margin:0 auto;margin-top:36px;}
+  background: #fff;
-   .culture_bril_div .iconimg img{margin:0 auto;width:283px;height:138px}
+  overflow: hidden;
-   .culture_bril_div .title{font-size:14px;font-weight:600;font-family: Montserrat-Bold, Montserrat;margin-top:25px;}
+  text-align: center;
-    .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%}
+  margin-left: 6%;
+  margin-top: 5rem;
+  margin-bottom: 5rem;
+  border-radius: 1rem;
 }
-
+.orico_Page_productxc .productxcMain .culture_top .culture_bril_con .culture_bril_div .iconimg {
-.culture .punctuation {
+  display: flex;
-  color: #ff9800;
+  justify-content: center;
-  margin-left: 8px;
+  margin-top: 3.125rem;
-  font-size: 1.25em;
 }
-@media screen and (min-width: 1440px) {
+.orico_Page_productxc .productxcMain .culture_top .culture_bril_con .culture_bril_div .iconimg img {
-  .culture-Menu img {
+  height: auto;
-    margin: auto;
+  max-width: 100%;
-  }
-  .culture .Container {
-    width: 1440px;
-    margin: auto;
-  }
 }
-@media screen and (max-width: 1339px) {
+.orico_Page_productxc .productxcMain .culture_top .culture_bril_con .culture_bril_div .title {
-  .culture-Menu img {
+  font-size: 1.125rem;
-    margin: auto;
+  font-weight: 600;
-    width: 27%;
+  font-family: Montserrat-Bold, Montserrat;
-  }
+  margin-top: 2rem;
-  .culture .Container {
-    width: 96%;
-    margin: auto;
-  }
-}
-.culture .des {
   width: 90%;
-  margin: 0 auto 2%;
+  margin-left: 5%;
-  color: #002855;
-  line-height: 2em;
 }
-.culture .line {
+.orico_Page_productxc .productxcMain .culture_top .culture_bril_con .culture_bril_div .subtitle {
-  width: 4.25%;
+  width: 80%;
-  height: 5px;
+  font-size: 0.875rem;
-  background-color: #002855;
+  color: #707070;
-  overflow: hidden;
+  font-family: Montserrat-Medium, Montserrat;
-  margin: 0 auto 2%;
+  margin-top: 1.375rem;
+  margin-left: 10%;
 }
-.culture-l {
+.orico_Page_productxc .productxcMain .culture_top .culture_bril_con .culture_bril_div:first-child {
-  width: 12%;
+  margin-left: 0;
-  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 {
+.orico_Page_productxc .productxcMain .culture_vision {
-  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;
+  width: 100%;
 }
-.culture_vision .title {
+.orico_Page_productxc .productxcMain .culture_vision .subtitle {
+  font-size: 1.25rem;
+  color: #101010;
+  line-height: 2em;
+  margin-bottom: 2%;
+  font-weight: 600;
+  font-family: Montserrat-Bold, Montserrat;
+}
+.orico_Page_productxc .productxcMain .culture_vision .swt-Container {
+  width: 80%;
+  margin: 0 auto;
+  max-width: 101.25rem;
+}
+.orico_Page_productxc .productxcMain .culture_vision .swt-Container .title {
   font-size: 3em;
   font-weight: 600;
   color: #101010;
@@ -150,595 +97,63 @@
   padding-top: 2.3%;
   padding-bottom: 2%;
   line-height: 2em;
-  font-family: 'LATO-MEDIUM';
+  font-family: "LATO-MEDIUM";
 }
-.culture_vision .left {
+.orico_Page_productxc .productxcMain .culture_vision .swt-Container .swt-Table {
+  margin-bottom: 4%;
+}
+.orico_Page_productxc .productxcMain .culture_vision .swt-Container .swt-Table .Table-Row {
+  display: table-row;
+}
+.orico_Page_productxc .productxcMain .culture_vision .swt-Container .swt-Table .Table-Row .left {
   width: 46.7%;
   text-align: center;
   vertical-align: middle;
 }
-.culture_vision .left img,.culture_vision .right img{
+.orico_Page_productxc .productxcMain .culture_vision .swt-Container .swt-Table .Table-Row .left img {
- border-radius: 16px;
+  border-radius: 1rem;
 }
-.culture_vision .center {
+.orico_Page_productxc .productxcMain .culture_vision .swt-Container .swt-Table .Table-Row .right {
-  width: 6.6%;
-}
-.culture_vision .right {
   width: 46.7%;
   text-align: center;
   vertical-align: middle;
 }
-.culture_vision .subtitle {
+.orico_Page_productxc .productxcMain .culture_vision .swt-Container .swt-Table .Table-Row .right > p {
-    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%;
+  font-size: 1.25rem;
+  color: #101010;
+  line-height: 2em;
+  margin-bottom: 2%;
+  font-family: Montserrat-Bold, Montserrat;
   margin-right: 10%;
 }
-.culture_vision .des {
+.orico_Page_productxc .productxcMain .culture_vision .swt-Container .swt-Table .Table-Row .right .des {
   font-size: 16px;
   color: #737373;
   line-height: 1.6rem;
   font-family: Montserrat-Medium, Montserrat;
 }
-.culture_vision .swt-Table {
+.orico_Page_productxc .productxcMain .culture_vision .swt-Container .swt-Table .Table-Row .Table-Cell {
-  margin-bottom: 4%;
+  display: table-cell;
-}
+  margin: 0;
-@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 {
+.orico_Page_productxc .productxcMain .culture_vision .swt-Container .swt-Table .Table-Row .center {
-  width: 100%;
+  width: 6.6%;
-  background-color: #f5f5f5;
-  padding: 2.8% 0;
-  overflow: hidden;
 }
-.culture_new_gray .center_bg {
+.orico_Page_productxc .productxcMain .culture_vision .swt-Container .culture_vision_02 .des {
-  background-color: #fff;
+  font-size: 1rem;
-  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.6rem;
-  line-height: 1.6em;
+  font-family: Montserrat-Medium, Montserrat;
 }
-.culture_new_gray .des {
+.orico_Page_productxc .productxcMain .culture_vision .swt-Container .culture_vision_02 .des,
-  font-size: 0.875em;
+.orico_Page_productxc .productxcMain .culture_vision .swt-Container .culture_vision_02 .subtitle {
-  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 {
+.orico_Page_productxc .productxcMain .culture_vision .swt-Container .culture_vision_02 img {
-  font-size: 1em;
+  border-radius: 1rem;
-  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%;
-  }
 }