| | |
| | | </template> |
| | | <script> |
| | | export default { |
| | | data(){ |
| | | return{ |
| | | |
| | | data() { |
| | | return { |
| | | |
| | | } |
| | | }, |
| | | methods:{ |
| | | jump(u){ |
| | | methods: { |
| | | jump (u) { |
| | | this.$router.push(u) |
| | | } |
| | | } |
| | |
| | | |
| | | <style lang="less" scoped> |
| | | @media (min-width: 751px) { |
| | | .banner_txt{ |
| | | .banner_txt { |
| | | font-size: 0.6rem; |
| | | font-family: SourceHanSansCN-Bold; |
| | | font-weight: bold; |
| | |
| | | top: 41%; |
| | | left: 42%; |
| | | } |
| | | .p_hide{ |
| | | .p_hide { |
| | | display: none; |
| | | } |
| | | .industry{ |
| | | .industry { |
| | | display: none; |
| | | } |
| | | .content_title { |
| | | margin-top: .5rem |
| | | } |
| | | |
| | | p { |
| | | padding: .4rem .4rem 0; |
| | | color: #676767; |
| | | font-size: .15rem; |
| | | line-height: 0.26rem; |
| | | } |
| | | |
| | | .solution_box-m { |
| | | display: none; |
| | | } |
| | | |
| | | .content_solution { |
| | | margin-top: 1rem; |
| | | } |
| | | |
| | | .solution_box { |
| | | float: left; |
| | | padding: .3rem .4rem; |
| | |
| | | color:rgba(59,59,60,1); |
| | | } |
| | | } |
| | | |
| | | p { |
| | | padding: .3rem 0; |
| | | color: #3E3E3E; |
| | | } |
| | | |
| | | .title { |
| | | width: 100%; |
| | | |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | dd { |
| | | width: 30%; |
| | | height: 80%; |
| | |
| | | dd { |
| | | float: left; |
| | | } |
| | | |
| | | dt { |
| | | float: right; |
| | | } |
| | | } |
| | | |
| | | .solution_box_in>h3>span:after { |
| | | content: ''; |
| | | position: absolute; |
| | |
| | | } |
| | | |
| | | @media (max-width: 750px) and (min-width: 0) { |
| | | .m_hide{ |
| | | .m_hide { |
| | | display: none; |
| | | } |
| | | .banner{ |
| | | .banner { |
| | | margin-top: 1.14rem; |
| | | } |
| | | .m_hide{ |
| | | .m_hide { |
| | | display: none; |
| | | } |
| | | .p_txt{ |
| | | .p_txt { |
| | | font-size:0.24rem; |
| | | font-family:PingFang-SC-Regular; |
| | | font-weight:400; |
| | | color:rgba(62,62,62,1); |
| | | line-height:0.44rem; |
| | | } |
| | | .content_industry_card{ |
| | | .content_industry_card { |
| | | background: #f4f4f4; |
| | | padding: 0.3rem; |
| | | margin-top: 0.4rem; |
| | |
| | | left: calc(50% - 0.57rem); |
| | | } |
| | | |
| | | p{ |
| | | p { |
| | | margin: 0.32rem 0; |
| | | color: #676767; |
| | | } |
| | | |
| | | .content_industry_list{ |
| | | .content_industry_list { |
| | | display: flex; |
| | | font-size: 0.24rem; |
| | | |
| | | ul{ |
| | | |
| | | ul { |
| | | flex: 1; |
| | | margin-top: 0.3rem; |
| | | li{ |
| | | li { |
| | | color: #676767; |
| | | margin-bottom: 0.4rem; |
| | | font-size:0.24rem; |
| | |
| | | text-align: center; |
| | | } |
| | | } |
| | | img{ |
| | | img { |
| | | width: 3.6rem; |
| | | height: 2rem; |
| | | margin: auto 0; |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | .center { |
| | | padding-top: .6rem; |
| | | } |
| | | |
| | | .solution_box { |
| | | display: none; |
| | | } |
| | | |
| | | .content_solution { |
| | | margin-top: .6rem; |
| | | |
| | |
| | | .dd-img { |
| | | width: 70%; |
| | | } |
| | | |
| | | .title { |
| | | width: 30%; |
| | | text-align: center; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | } |
| | | |
| | | .content_title { |
| | | margin: 1rem 0 .3rem 0; |
| | | } |
| | | |
| | | .solution_box_in>h3>span:after { |
| | | content: ''; |
| | | position: absolute; |