#el_33281751383787{width:100%;} #el_77051751383790 { position: relative; } #el_49941751383790{width:100%;} #el_33431751383790 { position: absolute; bottom: 70px; left: 0px; z-index: 9; width: 100%; text-align: center; } #el_79511751383790{width:100%;} #el_62511751383790 img { max-width: 100%; animation: updown 0.5s infinite ease-in-out; } #el_62511751383790 { transition-property: all; transition-duration: 1s; } @keyframes updown { 0% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, 12%, 0); } 100% { transform: translate3d(0, 0, 0); } } @media screen and (max-width: 767px){ #el_62511751383790 { display: none; } } #el_85021751383790 { position: absolute; bottom: 70px; z-index: 99; width: 100%; right: 0px; } #el_64021751383790{width:100%;} #el_29981751383790 .shareBox { white-space: nowrap; text-align: right; color: #BCBCBC; } #el_29981751383790 .shareBox-item { position: relative; display: inline-block; margin-right: 20px; width: 24px; height: 19px; cursor: pointer; background-size: contain; background-repeat: no-repeat; background-position: center; } #el_29981751383790 .shareBox-item:last-child { margin-right: 0; } #el_29981751383790 .shareBox-item:hover, #el_29981751383790 .shareBox-item:active, #el_29981751383790 .shareBox-item:focus { text-decoration: none; color: inherit; } #el_29981751383790 .shareBox-qr { position: absolute; bottom: 100%; right: 0; z-index: 10; width: 200px; height: 200px; padding: 20px; background-color: #e8e8e8; overflow: hidden; box-shadow: 0 0 6px rgba(211,211,211,.5); visibility: hidden; opacity: 0; transform: translateY(40px); transition: all .4s; } #el_29981751383790 .shareBox-item:hover .shareBox-qr { opacity: 1; transform: translateY(0); visibility: visible; } #el_29981751383790 .shareBox-item.shareBox-weixin { background-image: url(../upload/201903120618141693-6691.png); } #el_29981751383790 .shareBox-item.shareBox-qq { background-image: url(../upload/201903120618131693-6276.png); } #el_29981751383790 .shareBox-item.shareBox-weibo { background-image: url(../upload/201903120618131693-5466.png); } #el_29981751383790 .shareBox-item.shareBox-qzone { background-image: url('/static/images/icon_qzone.png'); display: none; } #el_29981751383790 .shareBox-item.shareBox-qqWeibo { background-image: url('/static/images/icon_qqWeibo.png'); display: none; } #el_29981751383790 { padding-right: 100px; position: relative; top: 99px; } @media screen and (max-width: 767px){ #el_29981751383790 { display: none; } } #el_37611501845519 { border-bottom-color: #EDEDED; border-bottom-width: 1px; border-bottom-style: solid; } @media screen and (max-width: 991px){ #el_37611501845519 { margin-top: 0px; } } @media screen and (max-width: 575px){ #el_37611501845519 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } #el_71831501845519{width:100%;} #el_18851652364349{width:100%;} #el_67561751383110 { position: relative; } #el_52721751383110{width:100%;} #el_37481751383835 { position: absolute; bottom: 70px; z-index: 99; width: 100%; right: 0px; } #el_78421751383835{width:100%;} #el_81711751383835 .shareBox { white-space: nowrap; text-align: right; color: #BCBCBC; } #el_81711751383835 .shareBox-item { position: relative; display: inline-block; margin-right: 20px; width: 24px; height: 19px; cursor: pointer; background-size: contain; background-repeat: no-repeat; background-position: center; } #el_81711751383835 .shareBox-item:last-child { margin-right: 0; } #el_81711751383835 .shareBox-item:hover, #el_81711751383835 .shareBox-item:active, #el_81711751383835 .shareBox-item:focus { text-decoration: none; color: inherit; } #el_81711751383835 .shareBox-qr { position: absolute; bottom: 100%; right: 0; z-index: 10; width: 200px; height: 200px; padding: 20px; background-color: #e8e8e8; overflow: hidden; box-shadow: 0 0 6px rgba(211,211,211,.5); visibility: hidden; opacity: 0; transform: translateY(40px); transition: all .4s; } #el_81711751383835 .shareBox-item:hover .shareBox-qr { opacity: 1; transform: translateY(0); visibility: visible; } #el_81711751383835 .shareBox-item.shareBox-weixin { background-image: url(../upload/201903120618141693-6691.png); } #el_81711751383835 .shareBox-item.shareBox-qq { background-image: url(../upload/201903120618131693-6276.png); } #el_81711751383835 .shareBox-item.shareBox-weibo { background-image: url(../upload/201903120618131693-5466.png); } #el_81711751383835 .shareBox-item.shareBox-qzone { background-image: url('/static/images/icon_qzone.png'); display: none; } #el_81711751383835 .shareBox-item.shareBox-qqWeibo { background-image: url('/static/images/icon_qqWeibo.png'); display: none; } #el_81711751383835 { padding-right: 100px; width: 100%; } @media screen and (max-width: 767px){ #el_81711751383835 { display: none; } } #el_28361751383110 { position: absolute; bottom: 70px; left: 0px; z-index: 9; width: 100%; text-align: center; } #el_68861751383110{width:100%;} #el_66431751383110 img { max-width: 100%; animation: updown 0.5s infinite ease-in-out; } #el_66431751383110 { transition-property: all; transition-duration: 1s; } @keyframes updown { 0% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, 12%, 0); } 100% { transform: translate3d(0, 0, 0); } } @media screen and (max-width: 767px){ #el_66431751383110 { display: none; } } #el_81821751383110 { position: absolute; bottom: 70px; z-index: 99; width: 100%; right: 0px; } #el_69991751383110{width:100%;} #el_22931751383110 .shareBox { white-space: nowrap; text-align: right; color: #BCBCBC; } #el_22931751383110 .shareBox-item { position: relative; display: inline-block; margin-right: 20px; width: 24px; height: 19px; cursor: pointer; background-size: contain; background-repeat: no-repeat; background-position: center; } #el_22931751383110 .shareBox-item:last-child { margin-right: 0; } #el_22931751383110 .shareBox-item:hover, #el_22931751383110 .shareBox-item:active, #el_22931751383110 .shareBox-item:focus { text-decoration: none; color: inherit; } #el_22931751383110 .shareBox-qr { position: absolute; bottom: 100%; right: 0; z-index: 10; width: 200px; height: 200px; padding: 20px; background-color: #e8e8e8; overflow: hidden; box-shadow: 0 0 6px rgba(211,211,211,.5); visibility: hidden; opacity: 0; transform: translateY(40px); transition: all .4s; } #el_22931751383110 .shareBox-item:hover .shareBox-qr { opacity: 1; transform: translateY(0); visibility: visible; } #el_22931751383110 .shareBox-item.shareBox-weixin { background-image: url(../upload/201903120618141693-6691.png); } #el_22931751383110 .shareBox-item.shareBox-qq { background-image: url(../upload/201903120618131693-6276.png); } #el_22931751383110 .shareBox-item.shareBox-weibo { background-image: url(../upload/201903120618131693-5466.png); } #el_22931751383110 .shareBox-item.shareBox-qzone { background-image: url('/static/images/icon_qzone.png'); display: none; } #el_22931751383110 .shareBox-item.shareBox-qqWeibo { background-image: url('/static/images/icon_qqWeibo.png'); display: none; } #el_22931751383110 { padding-right: 100px; } @media screen and (max-width: 767px){ #el_22931751383110 { display: none; } } #el_15121751383558{width:100%;} #el_82431752198107 > div { height: 200px; overflow: hidden; } #el_82431752198107 > .owl-loaded { height: auto; } #el_82431752198107 .item img { max-width: 100%; } #el_82431752198107 .owl-carousel { z-index: 0; } #el_82431752198107 .owl-carousel .owl-prev, #el_82431752198107 .owl-carousel .owl-next { position: absolute; width: 3em; height: 3em; line-height: 3; background-color: rgba(34,34,34,.7); font-size: 17px; border-radius: 3em; box-shadow: 0 2px 6px 2px rgba(60,64,67,0.2); opacity: 1; top: 50%; margin-top: -1.5em; text-align: center; margin-left: 1%; margin-right: 1%; } #el_82431752198107 .owl-carousel .owl-prev:hover, #el_82431752198107 .owl-carousel .owl-next:hover { background-color: #fff; color: #000; } #el_82431752198107 { } #el_82431752198107 .content_warp { display: none; position: absolute; z-index: 5; bottom: 0px; width: 100%; height: auto; text-align: center; } #el_82431752198107 .content__item { padding: 15px; display: inline-block; margin-right: 1px; width: 300px; color: #fff; text-align: left; transition: all 0.5s ease; border: 1px solid transparent; background-color: rgba(0,0,0,0.5); cursor: pointer; } #el_82431752198107 .content__item:hover,#el_82431752198107 .content__item--active { color: #333; background-color: rgba(255,255,255,0.9); } #el_82431752198107 .content__item:last-child { margin-right: 0; } #el_82431752198107 .content__title { font-size: 18px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all 0.5s ease; } #el_82431752198107 .owl-carousel .owl-dots .owl-dot.active { background-color: rgb(247, 87, 3); width: 59px; } #el_82431752198107 .owl-carousel .owl-dots .owl-dot { display: inline-block; width: 12px; height: 4px; margin: 0 4px; background-color: rgba(0,0,0,.6); border-radius: 6px; -webkit-transition: all .3s; transition: all .3s; } #el_82431752198107 .content__digest { margin-top: 15px; color: #eee; font-size: 14px; height: 4.5em; line-height: 1.5em; overflow: hidden; transition: all 0.5s ease; } #el_82431752198107 .content__item:hover .content__title,#el_82431752198107 .content__item--active .content__title { color: #333; font-weight: bold; } #el_82431752198107 .content__item:hover .content__digest,#el_82431752198107 .content__item--active .content__digest { color: #999; } @media screen and (max-width: 1199px){ #el_82431752198107 .content_warp { display: none; opacity: 0; visibility: hidden; } } @media screen and (max-width: 991px){ #el_82431752198107 .owl-dots { display: none; } #el_82431752198107 .owl-nav { display: none; }} #el_56101751383573{width:100%;} #el_12541751383585{width:100%;} #el_34011751383627{width:100%;} #el_53261751383664{width:100%;} #el_42761751383680{width:100%;} #el_84351751383680 { background-color: #E7E7E7; } #el_17631751383680{width:100%;} #el_36761751383692{width:100%;} #el_34381752198130 { } @media screen and (max-width: 575px){ #el_34381752198130 { padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; } } #el_74891752198130{width:100%;} #el_29381752198130 { margin-right: auto; margin-left: auto; margin-top: 65px; margin-bottom: 65px; } @media screen and (max-width: 575px){ #el_29381752198130 { margin-bottom: 025px; margin-top: 25px; } } #el_12781752198130{width:100%;} #el_65651752198130 { margin-right: auto; margin-left: auto; width: 100%; max-width: 1400px; } @media screen and (max-width: 575px){ #el_65651752198130 { margin-bottom: 0px; margin-top: 0px; } } #el_41341752198130{width:100%;} #el_61051752198130 { } @media screen and (max-width: 575px){ #el_61051752198130 { margin-bottom: 0px; margin-top: 0px; } } #el_55751752198130{width:100%;} #el_64901752198130{width:100%;} #el_70171752198130 { z-index: 9; background-image: url(../upload/202107160635043004-7898.png); background-size: cover; background-color: #FFFFFF; border-top-color: #EDEDED; border-right-color: #EDEDED; border-bottom-color: #EDEDED; border-left-color: #EDEDED; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; } #el_51401752198130{width:33.33%;} @media screen and (max-width: 991px){ #el_51401752198130{width:33.33%;}} @media screen and (max-width: 575px){ #el_51401752198130{width:33.33%;}} #el_27511752198130 { transition-property: all; transition-duration: 0.5s; color: #FFFFFF; background-image: none; overflow: hidden; background-size: contain; border-right-color: #EDEDED; border-right-width: 1px; border-right-style: solid; background-repeat: no-repeat; text-align: center; background-position: center; } #el_27511752198130:hover { color: #FFFFFF; } @media screen and (max-width: 575px){ #el_27511752198130 { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-repeat: no-repeat; } } #el_24181752198130{width:100%;} #el_80611752198130 { } @media screen and (max-width: 575px){ #el_80611752198130 { } } #el_77761752198130{width:100%;} #el_26551752198130 { text-align: center; } @media screen and (max-width: 991px){ #el_26551752198130 { border-right-width: 0px; } } @media screen and (max-width: 575px){ #el_26551752198130 { border-right-color: #EDEDED; border-right-width: 1px; border-right-style: solid; } } #el_70491752198130{width:100%;} #el_41111752198130 img { max-width: 100%; } #el_41111752198130 { transition-property: all; transition-duration: 1s; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media screen and (max-width: 575px){ #el_41111752198130 { padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 0px; } } #el_48111752198130{width:33.292%;} @media screen and (max-width: 991px){ #el_48111752198130{width:33.33%;}} @media screen and (max-width: 575px){ #el_48111752198130{width:33.33%;}} #el_44131752198130 { transition-property: all; transition-duration: 0.5s; position: relative; color: #FFFFFF; background-image: none; overflow: hidden; background-size: contain; border-right-color: #EDEDED; border-right-width: 1px; border-right-style: solid; background-repeat: no-repeat; background-position: center; } #el_44131752198130:hover { color: #FFFFFF; } @media screen and (max-width: 575px){ #el_44131752198130 { padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-repeat: no-repeat; } } #el_32771752198130{width:100%;} #el_78041752198130 { } @media screen and (max-width: 575px){ #el_78041752198130 { } } #el_79721752198130{width:100%;} #el_80561752198130 { text-align: center; } @media screen and (max-width: 991px){ #el_80561752198130 { border-right-width: 0px; } } @media screen and (max-width: 575px){ #el_80561752198130 { } } #el_86711752198130{width:100%;} #el_58831752198130 img { max-width: 100%; } #el_58831752198130 { transition-property: all; transition-duration: 1s; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media screen and (max-width: 575px){ #el_58831752198130 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; } } #el_65051752198130{width:33.33%;} @media screen and (max-width: 991px){ #el_65051752198130{width:33.33%;}} @media screen and (max-width: 575px){ #el_65051752198130{width:33.33%;}} #el_74721752198130 { transition-property: all; transition-duration: 0.5s; position: relative; color: #FFFFFF; background-image: none; overflow: hidden; background-size: contain; background-repeat: no-repeat; background-position: center; } #el_74721752198130:hover { color: #FFFFFF; } @media screen and (max-width: 575px){ #el_74721752198130 { padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-repeat: no-repeat; } } #el_78321752198130{width:100%;} #el_57681752198130 { } @media screen and (max-width: 575px){ #el_57681752198130 { } } #el_39581752198130{width:100%;} #el_63831752198130{width:100%;} #el_65871752198130 { font-size: 32px; text-align: right; color: #032E61; border-top-left-radius: 70%; border-top-right-radius: 70%; border-bottom-left-radius: 70%; border-bottom-right-radius: 70%; display: none; overflow: hidden; } #el_65871752198130 .number { font-size: 24px; text-align: center; display: inline-block; float: left; width: 38px; height: 38px; line-height: 38px; background-color: #FFFFFF; } #el_61861752198130 { text-align: center; } @media screen and (max-width: 991px){ #el_61861752198130 { border-right-width: 0px; } } @media screen and (max-width: 575px){ #el_61861752198130 { border-left-color: #EDEDED; border-left-width: 1px; border-left-style: solid; } } #el_61671752198130{width:100%;} #el_49541752198130 img { max-width: 100%; } #el_49541752198130 { transition-property: all; transition-duration: 1s; padding-top: 25px; } @media screen and (max-width: 575px){ #el_49541752198130 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } #el_89411752198130{width:100%;} #el_44371752198130 { z-index: 9; background-image: none; background-size: cover; border-top-color: #EDEDED; border-right-color: #EDEDED; border-bottom-color: #EDEDED; border-left-color: #EDEDED; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-top: 20px; } #el_10371752198130{width:33.3526%;} @media screen and (max-width: 991px){ #el_10371752198130{width:33.33%;}} @media screen and (max-width: 575px){ #el_10371752198130{width:33.33%;}} #el_41101752198130 { transition-property: all; transition-duration: 0.5s; color: #FFFFFF; background-image: none; overflow: hidden; background-size: contain; } #el_41101752198130:hover { color: #FFFFFF; } @media screen and (max-width: 575px){ #el_41101752198130 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-repeat: no-repeat; } } #el_15881752198130{width:100%;} #el_78191752198130 img { max-width: 100%; } #el_78191752198130 { transition-property: all; transition-duration: 1s; } @media screen and (max-width: 575px){ #el_78191752198130 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; } } #el_73311752198130{width:33.33%;} @media screen and (max-width: 991px){ #el_73311752198130{width:33.33%;}} @media screen and (max-width: 575px){ #el_73311752198130{width:33.33%;}} #el_23651752198130 { transition-property: all; transition-duration: 0.5s; position: relative; color: #FFFFFF; background-image: none; overflow: hidden; background-size: contain; border-right-color: #EDEDED; border-right-width: 1px; border-right-style: solid; } #el_23651752198130:hover { color: #FFFFFF; } @media screen and (max-width: 575px){ #el_23651752198130 { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-repeat: no-repeat; } } #el_42071752198130{width:100%;} #el_69111752198130 { } @media screen and (max-width: 575px){ #el_69111752198130 { } } #el_82411752198130{width:100%;} #el_58191752198130 { text-align: center; border-left-color: #EDEDED; border-left-width: 1px; border-left-style: solid; } @media screen and (max-width: 991px){ #el_58191752198130 { border-right-width: 0px; } } #el_44151752198130{width:100%;} #el_15301752198130 img { max-width: 100%; } #el_15301752198130 { transition-property: all; transition-duration: 1s; } @media screen and (max-width: 575px){ #el_15301752198130 { padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; margin-right: 0px; } } #el_27541752198130{width:33.27%;} @media screen and (max-width: 991px){ #el_27541752198130{width:33.33%;}} @media screen and (max-width: 575px){ #el_27541752198130{width:33.33%;}} #el_26791752198130 { transition-property: all; transition-duration: 0.5s; position: relative; color: #FFFFFF; background-image: none; overflow: hidden; background-size: contain; background-position: center; } #el_26791752198130:hover { color: #FFFFFF; } @media screen and (max-width: 575px){ #el_26791752198130 { padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-repeat: no-repeat; } } #el_29821752198130{width:100%;} #el_22681752198130 { } @media screen and (max-width: 575px){ #el_22681752198130 { } } #el_32161752198130{width:100%;} #el_11941752198130 { text-align: center; } @media screen and (max-width: 991px){ #el_11941752198130 { border-right-width: 0px; } } #el_75101752198130{width:100%;} #el_51871752198130 { transition-property: all; transition-duration: 0.5s; position: relative; color: #FFFFFF; background-image: none; overflow: hidden; background-size: contain; } #el_51871752198130:hover { color: #FFFFFF; } @media screen and (max-width: 575px){ #el_51871752198130 { padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-repeat: no-repeat; } } #el_10581752198130{width:100%;} #el_54841752198130 { } @media screen and (max-width: 575px){ #el_54841752198130 { border-left-color: #EDEDED; border-left-width: 1px; border-left-style: solid; } } #el_74061752198130{width:100%;} #el_36781752198130 { text-align: center; } @media screen and (max-width: 991px){ #el_36781752198130 { border-right-width: 0px; } } #el_31041752198130{width:100%;} #el_83301752198130 img { max-width: 100%; } #el_83301752198130 { transition-property: all; transition-duration: 1s; } @media screen and (max-width: 575px){ #el_83301752198130 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; } } #el_34521752198130 { z-index: 9; background-image: none; background-size: cover; border-top-color: #EDEDED; border-right-color: #EDEDED; border-bottom-color: #EDEDED; border-left-color: #EDEDED; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-top: 20px; } #el_16691752198130{width:33.3526%;} @media screen and (max-width: 991px){ #el_16691752198130{width:33.33%;}} @media screen and (max-width: 575px){ #el_16691752198130{width:33.33%;}} #el_19581752198130 { transition-property: all; transition-duration: 0.5s; color: #FFFFFF; background-image: none; overflow: hidden; background-size: contain; } #el_19581752198130:hover { color: #FFFFFF; } @media screen and (max-width: 575px){ #el_19581752198130 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-repeat: no-repeat; } } #el_51411752198130{width:100%;} #el_63051752198130 img { max-width: 100%; } #el_63051752198130 { transition-property: all; transition-duration: 1s; } @media screen and (max-width: 575px){ #el_63051752198130 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; } } #el_43421752198130{width:33.33%;} @media screen and (max-width: 991px){ #el_43421752198130{width:33.33%;}} @media screen and (max-width: 575px){ #el_43421752198130{width:33.33%;}} #el_84241752198130 { transition-property: all; transition-duration: 0.5s; position: relative; color: #FFFFFF; background-image: none; overflow: hidden; background-size: contain; border-right-color: #EDEDED; border-right-width: 1px; border-right-style: solid; } #el_84241752198130:hover { color: #FFFFFF; } @media screen and (max-width: 575px){ #el_84241752198130 { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-repeat: no-repeat; } } #el_63641752198130{width:100%;} #el_70571752198130 { } @media screen and (max-width: 575px){ #el_70571752198130 { } } #el_21291752198130{width:100%;} #el_58671752198130 { text-align: center; border-left-color: #EDEDED; border-left-width: 1px; border-left-style: solid; } @media screen and (max-width: 991px){ #el_58671752198130 { border-right-width: 0px; } } #el_42191752198130{width:100%;} #el_78311752198130 img { max-width: 100%; } #el_78311752198130 { transition-property: all; transition-duration: 1s; } @media screen and (max-width: 575px){ #el_78311752198130 { padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; margin-right: 0px; } } #el_20551752198130{width:33.27%;} @media screen and (max-width: 991px){ #el_20551752198130{width:33.33%;}} @media screen and (max-width: 575px){ #el_20551752198130{width:33.33%;}} #el_45821752198130 { transition-property: all; transition-duration: 0.5s; position: relative; color: #FFFFFF; background-image: none; overflow: hidden; background-size: contain; background-position: center; } #el_45821752198130:hover { color: #FFFFFF; } @media screen and (max-width: 575px){ #el_45821752198130 { padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-repeat: no-repeat; } } #el_68891752198130{width:100%;} #el_86001752198130 { } @media screen and (max-width: 575px){ #el_86001752198130 { } } #el_40401752198130{width:100%;} #el_33961752198130 { text-align: center; } @media screen and (max-width: 991px){ #el_33961752198130 { border-right-width: 0px; } } #el_57511752198130{width:100%;} #el_39971752198130 { transition-property: all; transition-duration: 0.5s; position: relative; color: #FFFFFF; background-image: none; overflow: hidden; background-size: contain; } #el_39971752198130:hover { color: #FFFFFF; } @media screen and (max-width: 575px){ #el_39971752198130 { padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-repeat: no-repeat; } } #el_51441752198130{width:100%;} #el_38791752198130 { } @media screen and (max-width: 575px){ #el_38791752198130 { border-left-color: #EDEDED; border-left-width: 1px; border-left-style: solid; } } #el_48441752198130{width:100%;} #el_62931752198130 { text-align: center; } @media screen and (max-width: 991px){ #el_62931752198130 { border-right-width: 0px; } } #el_22631752198130{width:100%;} #el_76431752198130 img { max-width: 100%; } #el_76431752198130 { transition-property: all; transition-duration: 1s; } @media screen and (max-width: 991px){ #el_76431752198130 { } } @media screen and (max-width: 575px){ #el_76431752198130 { padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; } } #el_62031752198142 { background-color: #f6f6f6; padding-top: 65px; padding-bottom: 65px; } @media screen and (max-width: 575px){ #el_62031752198142 { padding-top: 15px; padding-bottom: 15px; } } #el_40311752198142{width:100%;} #el_30001752198142{width:100%;} #el_70941752198142{width:100%;} #el_65481752198142 { text-align: right; margin-bottom: 30px; } @media screen and (max-width: 575px){ #el_65481752198142 { margin-top: 0px; margin-bottom: 8px; } } #el_33311752198142{width:50%;} #el_38241752198142 { font-size: 26px; color: #333333; font-family: 'Microsoft YaHei', 'Heiti SC', SimHei, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', sans-serif; font-weight: bold; text-align: left; } #el_38241752198142 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_38241752198142 { font-size: 15px; padding-top: 8px; padding-bottom: 8px; } } #el_48701752198142{width:50%;} #el_14711752198142 { display: inline-block; } #el_14711752198142 .btnLink { display: inline-block; -webkit-transition: all .5,all 0.5s; transition-property: all; transition-duration: 0.5s; -ms-transition: all 0.5s; font-size: 15px; margin-top: 5px; } #el_14711752198142 .btnLink:hover { padding-left: 60px; } #el_14711752198142 .fa { transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; opacity: 0; } #el_14711752198142 .btnLink:hover .fa { margin-left: 10px; transform: translateX(10px); -webkit-transform: translateX(10px); -ms-transform: translateX(10px); opacity: 1; } @media screen and (max-width: 991px){ #el_14711752198142 { margin-top: 20px; } } @media screen and (max-width: 575px){ #el_14711752198142 { margin-top: 0px; font-size: 14px; } #el_14711752198142 .btnLink { font-size: 14px; } } @media screen and (max-width: 575px){ #el_21751752198142 { padding-top: 0px; margin-top: 0px; margin-bottom: 10px; } } #el_21691752198142{width:50%;} @media screen and (max-width: 575px){ #el_21691752198142{width:100%;}} @media screen and (max-width: 575px){ #el_78391752198142 { margin-top: 0px; padding-top: 0px; margin-bottom: 10px; } } #el_37451752198142{width:100%;} #el_60521752198142 { padding-top: 40px; padding-right: 50px; padding-bottom: 40px; padding-left: 50px; background-color: #FFFFFF; margin-bottom: 10px; margin-right: 10px; } @media screen and (max-width: 991px){ #el_60521752198142 { padding-top: 015px; padding-right: 015px; padding-bottom: 015px; padding-left: 015px; } } @media screen and (max-width: 575px){ #el_60521752198142 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } } #el_23221752198142{width:60%;} #el_49391752198142{width:100%;} #el_53251752198142 { font-size: 22px; } #el_53251752198142 h4 { font-size: inherit; font-weight: bold; color: #000; } @media screen and (max-width: 767px){ #el_53251752198142 { font-size: 15px; } } #el_26391752198142{width:100%;} #el_83551752198142 { font-size: 16px; color: #666; margin-top: 20px; } @media screen and (max-width: 991px){ #el_83551752198142 { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } } @media screen and (max-width: 767px){ #el_83551752198142 { font-size: 14px; } } @media screen and (max-width: 575px){ #el_83551752198142 { display: inline-block; margin-top: 8px; height: 40px; overflow: hidden; } } #el_33411752198142{width:100%;} #el_39261752198142 { display: inline-block; margin-top: 20px; } #el_39261752198142 .btnLink { display: inline-block; color: #333; -webkit-transition: all .5,all 0.5s; transition-property: all; transition-duration: .5s; padding-left: 30px; padding-right: 30px; padding-top: 10px; border: 1px solid #d7d7d7; padding-bottom: 10px; transition: all 0.5s; border-radius: 30px; -ms-transition: all 0.5s; } #el_39261752198142 .btnLink:hover { padding-left: 60px; } #el_39261752198142 .fa { transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; opacity: 0; } #el_39261752198142 .btnLink:hover .fa { margin-left: 10px; transform: translateX(10px); -webkit-transform: translateX(10px); -ms-transform: translateX(10px); opacity: 1; } @media screen and (max-width: 991px){ #el_39261752198142 { margin-top: 20px; } } #el_73541752198142{width:40%;} #el_31311752198142 img { max-width: 100%; } #el_31311752198142 { transition-property: all; transition-duration: 1s; width: 160px; float: right; } @media screen and (max-width: 767px){ #el_31311752198142 { width: 100px; } } #el_41241752198142{width:50%;} @media screen and (max-width: 575px){ #el_41241752198142{width:100%;}} #el_67371752198142 { padding-top: 40px; padding-right: 50px; padding-bottom: 40px; padding-left: 50px; background-color: #FFFFFF; margin-bottom: 10px; margin-right: 10px; } @media screen and (max-width: 991px){ #el_67371752198142 { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } @media screen and (max-width: 575px){ #el_67371752198142 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } } #el_40851752198142{width:60%;} #el_36401752198142{width:100%;} #el_69961752198142 { font-size: 22px; } #el_69961752198142 h4 { font-size: inherit; font-weight: bold; color: #000; } @media screen and (max-width: 767px){ #el_69961752198142 { font-size: 15px; } } #el_30861752198142{width:100%;} #el_66271752198142 { font-size: 16px; color: #666; margin-top: 20px; margin-right: 30px; } @media screen and (max-width: 991px){ #el_66271752198142 { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } } @media screen and (max-width: 767px){ #el_66271752198142 { font-size: 14px; } } @media screen and (max-width: 575px){ #el_66271752198142 { height: 40px; overflow: hidden; } } #el_53051752198142{width:100%;} #el_27611752198142 { display: inline-block; margin-top: 20px; } #el_27611752198142 .btnLink { display: inline-block; color: #333; -webkit-transition: all .5,all 0.5s; transition-property: all; transition-duration: .5s; padding-left: 30px; padding-right: 30px; padding-top: 10px; border: 1px solid #d7d7d7; padding-bottom: 10px; transition: all 0.5s; border-radius: 30px; -ms-transition: all 0.5s; } #el_27611752198142 .btnLink:hover { padding-left: 60px; } #el_27611752198142 .fa { transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; opacity: 0; } #el_27611752198142 .btnLink:hover .fa { margin-left: 10px; transform: translateX(10px); -webkit-transform: translateX(10px); -ms-transform: translateX(10px); opacity: 1; } @media screen and (max-width: 991px){ #el_27611752198142 { margin-top: 20px; } } #el_21391752198142{width:40%;} #el_52741752198142 img { max-width: 100%; } #el_52741752198142 { transition-property: all; transition-duration: 1s; height: 160px; width: 18-; float: right; } @media screen and (max-width: 767px){ #el_52741752198142 { width: 100px; } } #el_66611752198142{width:100%;} #el_77481752198142 { } #el_37251752198142{width:50%;} @media screen and (max-width: 575px){ #el_37251752198142{width:100%;}} @media screen and (max-width: 991px){ #el_38481752198142 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media screen and (max-width: 575px){ #el_38481752198142 { margin-bottom: 10px; } } #el_34321752198142{width:100%;} #el_46071752198142 { padding-top: 40px; padding-right: 50px; padding-bottom: 40px; padding-left: 50px; background-color: #FFFFFF; margin-bottom: 10px; margin-right: 10px; } @media screen and (max-width: 991px){ #el_46071752198142 { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } @media screen and (max-width: 575px){ #el_46071752198142 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } } #el_74571752198142{width:50%;} #el_89131752198142{width:100%;} #el_51771752198142 { font-size: 22px; } #el_51771752198142 h4 { font-size: inherit; font-weight: bold; color: #000; } @media screen and (max-width: 767px){ #el_51771752198142 { font-size: 15px; } } #el_27931752198142{width:100%;} #el_53671752198142 { font-size: 16px; color: #666; margin-top: 20px; height: 60px; overflow: hidden; } @media screen and (max-width: 991px){ #el_53671752198142 { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } } @media screen and (max-width: 767px){ #el_53671752198142 { font-size: 14px; } } @media screen and (max-width: 575px){ #el_53671752198142 { height: 40px; overflow: hidden; } } #el_57621752198142{width:100%;} #el_25861752198142 { display: inline-block; margin-top: 20px; } #el_25861752198142 .btnLink { display: inline-block; color: #333; -webkit-transition: all .5,all 0.5s; transition-property: all; transition-duration: .5s; padding-left: 30px; padding-right: 30px; padding-top: 10px; border: 1px solid #d7d7d7; padding-bottom: 10px; transition: all 0.5s; border-radius: 30px; -ms-transition: all 0.5s; } #el_25861752198142 .btnLink:hover { padding-left: 60px; } #el_25861752198142 .fa { transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; opacity: 0; } #el_25861752198142 .btnLink:hover .fa { margin-left: 10px; transform: translateX(10px); -webkit-transform: translateX(10px); -ms-transform: translateX(10px); opacity: 1; } @media screen and (max-width: 991px){ #el_25861752198142 { margin-top: 20px; } } #el_17371752198142{width:50%;} #el_69081752198142 img { max-width: 100%; } #el_69081752198142 { transition-property: all; transition-duration: 1s; height: 160px; width: 160px; float: right; } @media screen and (max-width: 767px){ #el_69081752198142 { width: 100px; } } #el_43871752198142{width:50%;} @media screen and (max-width: 575px){ #el_43871752198142{width:100%;}} #el_18501752198142 { padding-top: 40px; padding-right: 50px; padding-bottom: 40px; padding-left: 50px; background-color: #FFFFFF; margin-bottom: 10px; margin-right: 10px; } @media screen and (max-width: 991px){ #el_18501752198142 { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } @media screen and (max-width: 575px){ #el_18501752198142 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } } #el_21501752198142{width:60%;} #el_63341752198142{width:100%;} #el_60091752198142 { font-size: 22px; } #el_60091752198142 h4 { font-size: inherit; font-weight: bold; color: #000; } @media screen and (max-width: 767px){ #el_60091752198142 { font-size: 15px; } } #el_79851752198142{width:100%;} #el_81841752198142 { font-size: 16px; color: #666; margin-top: 20px; } @media screen and (max-width: 991px){ #el_81841752198142 { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } } @media screen and (max-width: 767px){ #el_81841752198142 { font-size: 14px; } } @media screen and (max-width: 575px){ #el_81841752198142 { height: 40px; overflow: hidden; } } #el_36781752198142{width:100%;} #el_69611752198142 { display: inline-block; margin-top: 20px; } #el_69611752198142 .btnLink { display: inline-block; color: #333; -webkit-transition: all .5,all 0.5s; transition-property: all; transition-duration: .5s; padding-left: 30px; padding-right: 30px; padding-top: 10px; border: 1px solid #d7d7d7; padding-bottom: 10px; transition: all 0.5s; border-radius: 30px; -ms-transition: all 0.5s; } #el_69611752198142 .btnLink:hover { padding-left: 60px; } #el_69611752198142 .fa { transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; opacity: 0; } #el_69611752198142 .btnLink:hover .fa { margin-left: 10px; transform: translateX(10px); -webkit-transform: translateX(10px); -ms-transform: translateX(10px); opacity: 1; } @media screen and (max-width: 991px){ #el_69611752198142 { margin-top: 20px; } } #el_39141752198142{width:40%;} #el_51511752198142 img { max-width: 100%; } #el_51511752198142 { transition-property: all; transition-duration: 1s; height: 160px; width: 160px; float: right; } @media screen and (max-width: 767px){ #el_51511752198142 { width: 100px; } } #el_55381752198155 { padding-bottom: 65px; margin-top: 65px; } @media screen and (max-width: 575px){ #el_55381752198155 { padding-top: 25px; margin-top: 0px; padding-bottom: 15px; } } #el_57271752198155{width:100%;} @media screen and (max-width: 575px){ #el_46061752198155 { margin-top: 0px; } } #el_22491752198155{width:100%;} #el_40081752198155 { margin-bottom: 15px; } @media screen and (max-width: 575px){ #el_40081752198155 { margin-top: 0px; margin-bottom: 8px; } } #el_50491752198155{width:100%;} #el_39591752198155 { text-align: right; margin-bottom: 15px; } @media screen and (max-width: 575px){ #el_39591752198155 { margin-top: 0px; margin-bottom: 0px; } } #el_69951752198155{width:50%;} #el_84931752198155 { font-size: 26px; color: #333333; font-family: 'Microsoft YaHei', 'Heiti SC', SimHei, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', sans-serif; font-weight: bold; text-align: left; } #el_84931752198155 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_84931752198155 { font-size: 15px; padding-top: 8px; padding-bottom: 8px; } } #el_66481752198155{width:50%;} #el_75201752198155 { display: inline-block; margin-top: 5px; } #el_75201752198155 .btnLink { display: inline-block; -webkit-transition: all .5,all 0.5s; transition-property: all; transition-duration: 0.5s; -ms-transition: all 0.5s; font-size: 15px; } #el_75201752198155 .btnLink:hover { padding-left: 60px; } #el_75201752198155 .fa { transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; opacity: 0; } #el_75201752198155 .btnLink:hover .fa { margin-left: 10px; transform: translateX(10px); -webkit-transform: translateX(10px); -ms-transform: translateX(10px); opacity: 1; } @media screen and (max-width: 991px){ #el_75201752198155 { margin-top: 20px; } } @media screen and (max-width: 575px){ #el_75201752198155 { margin-top: 10px; } #el_75201752198155 .btnLink { font-size: 14px; } } @media screen and (max-width: 575px){ #el_25051752198155 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } } #el_10701752198155{width:50%;} @media screen and (max-width: 575px){ #el_10701752198155{width:100%;}} #el_16381752198155 a { display: block; overflow: hidden; position: relative; } #el_16381752198155 img { width: 100%; vertical-align: top; } #el_16381752198155 { transition-property: all; transition-duration: 1s; margin-bottom: 2px; padding-right: 2px; } #el_16381752198155 a:before,#el_16381752198155 a:after { position: absolute; z-index: 2; top: 75%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); color: #ffffff; transition: all 1s ease; font-size: 16px; } #el_16381752198155 a:before { content: "家用电器"; margin-top: -15px; font-size: 20px; } #el_16381752198155 a:after { content: "household appliances"; margin-top: 15px; } #el_16381752198155 a:hover:before,#el_16381752198155 a:hover:after { top: 40%; } #el_16381752198155 .intro-mask { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); opacity: 0; visibility: hidden; transition: all 1s ease; } #el_16381752198155 a:hover .intro-mask { opacity: 1; visibility: unset; } #el_16381752198155 .intro { position: absolute; top: 75%; left: 50%; width: 80%; transform: translate(-50%, -50%); color: #fff; line-height: 1.5; } @media screen and (max-width: 575px){ #el_16381752198155 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } } #el_54181752198155{width:50%;} @media screen and (max-width: 575px){ #el_54181752198155{width:100%;}} #el_46581752198155 a { display: block; overflow: hidden; position: relative; } #el_46581752198155 img { width: 100%; vertical-align: top; } #el_46581752198155 { transition-property: all; transition-duration: 1s; margin-bottom: 2px; margin-left: 2px; } #el_46581752198155 a:before,#el_46581752198155 a:after { position: absolute; z-index: 2; top: 75%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); color: #ffffff; transition: all 1s ease; font-size: 16px; } #el_46581752198155 a:before { content: "工业领域"; margin-top: -15px; font-size: 20px; } #el_46581752198155 a:after { content: "Industrial field"; margin-top: 15px; } #el_46581752198155 a:hover:before,#el_46581752198155 a:hover:after { top: 40%; } #el_46581752198155 .intro-mask { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); opacity: 0; visibility: hidden; transition: all 1s ease; } #el_46581752198155 a:hover .intro-mask { opacity: 1; visibility: unset; } #el_46581752198155 .intro { position: absolute; top: 75%; left: 50%; width: 80%; transform: translate(-50%, -50%); color: #fff; line-height: 1.5; } @media screen and (max-width: 575px){ #el_46581752198155 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } } #el_61921752198155 { } #el_46661752198155{width:50%;} @media screen and (max-width: 575px){ #el_46661752198155{width:100%;}} #el_50761752198155 a { display: block; overflow: hidden; position: relative; } #el_50761752198155 img { width: 100%; vertical-align: top; } #el_50761752198155 { transition-property: all; transition-duration: 1s; margin-top: 2px; margin-right: 2px; } #el_50761752198155 a:before,#el_50761752198155 a:after { position: absolute; z-index: 2; top: 75%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); color: #ffffff; transition: all 1s ease; font-size: 16px; } #el_50761752198155 a:before { content: "汽车领域"; margin-top: -15px; font-size: 20px; } #el_50761752198155 a:after { content: "Automotive field"; margin-top: 15px; } #el_50761752198155 a:hover:before,#el_50761752198155 a:hover:after { top: 40%; } #el_50761752198155 .intro-mask { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); opacity: 0; visibility: hidden; transition: all 1s ease; } #el_50761752198155 a:hover .intro-mask { opacity: 1; visibility: unset; } #el_50761752198155 .intro { position: absolute; top: 75%; left: 50%; width: 80%; transform: translate(-50%, -50%); color: #fff; line-height: 1.5; } @media screen and (max-width: 575px){ #el_50761752198155 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } } #el_53791752198155{width:50%;} @media screen and (max-width: 575px){ #el_53791752198155{width:100%;}} #el_35071752198155 a { display: block; overflow: hidden; position: relative; } #el_35071752198155 img { width: 100%; vertical-align: top; } #el_35071752198155 { transition-property: all; transition-duration: 1s; margin-left: 2px; margin-top: 2px; } #el_35071752198155 a:before,#el_35071752198155 a:after { position: absolute; z-index: 2; top: 75%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); color: #ffffff; transition: all 1s ease; font-size: 16px; } #el_35071752198155 a:before { content: "消费类电子"; margin-top: -15px; font-size: 20px; } #el_35071752198155 a:after { content: "Consumer Electronics"; margin-top: 15px; } #el_35071752198155 a:hover:before,#el_35071752198155 a:hover:after { top: 40%; } #el_35071752198155 .intro-mask { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); opacity: 0; visibility: hidden; transition: all 1s ease; } #el_35071752198155 a:hover .intro-mask { opacity: 1; visibility: unset; } #el_35071752198155 .intro { position: absolute; top: 75%; left: 50%; width: 80%; transform: translate(-50%, -50%); color: #fff; line-height: 1.5; } @media screen and (max-width: 575px){ #el_35071752198155 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } } #el_85761752198172{width:100%;} #el_16231752198172 { padding-top: 65px; padding-bottom: 35px; } @media screen and (max-width: 575px){ #el_16231752198172 { padding-top: 25px; padding-bottom: 0px; } } #el_16321752198172{width:100%;} @media screen and (max-width: 575px){ #el_31411752198172 { margin-top: 0px; } } #el_24821752198172{width:100%;} #el_28411752198172 { margin-bottom: 15px; padding-bottom: 15px; } @media screen and (max-width: 575px){ #el_28411752198172 { margin-top: 0px; padding-bottom: 0px; } } #el_67611752198172{width:100%;} #el_22951752198172 { text-align: right; } @media screen and (max-width: 575px){ #el_22951752198172 { margin-top: 0px; } } #el_74551752198172{width:50%;} #el_72541752198172 { font-size: 26px; color: #333333; font-family: 'Microsoft YaHei', 'Heiti SC', SimHei, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', sans-serif; font-weight: bold; text-align: left; } #el_72541752198172 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_72541752198172 { font-size: 15px; padding-top: 8px; padding-bottom: 8px; } } #el_60531752198172{width:50%;} #el_29591752198172 { display: inline-block; } #el_29591752198172 .btnLink { display: inline-block; -webkit-transition: all .5,all 0.5s; transition-property: all; transition-duration: 0.5s; -ms-transition: all 0.5s; font-size: 15px; } #el_29591752198172 .btnLink:hover { padding-left: 60px; } #el_29591752198172 .fa { transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; opacity: 0; } #el_29591752198172 .btnLink:hover .fa { margin-left: 10px; transform: translateX(10px); -webkit-transform: translateX(10px); -ms-transform: translateX(10px); opacity: 1; } @media screen and (max-width: 991px){ #el_29591752198172 { margin-top: 20px; } } @media screen and (max-width: 575px){ #el_29591752198172 { margin-top: 10px; font-size: 14px; } #el_29591752198172 .btnLink { font-size: 14px; } } #el_18901752198172{width:50%;} @media screen and (max-width: 575px){ #el_18901752198172{width:100%;}} #el_54871752198172 { margin-right: 18px; } @media screen and (max-width: 575px){ #el_54871752198172 { margin-left: 0px; margin-right: 0px; } } #el_27741752198172{width:100%;} #el_14551752198172 { background-color: #e0e0e0; padding-right: 30px; padding-left: 30px; } @media screen and (max-width: 575px){ #el_14551752198172 { padding-left: 8px; padding-right: 8px; } } #el_40371752198172{width:50%;} #el_88261752198172 { font-size: 20px; text-align: left; color: #3B3B3B; line-height: 50px; font-family: 'Microsoft YaHei', 'Heiti SC', SimHei, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', sans-serif; } #el_88261752198172 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_88261752198172 { font-size: 14px; } } #el_42011752198172{width:50%;} #el_62181752198172 { font-size: 14px; text-align: right; color: #3B3B3B; line-height: 50px; font-family: 'Microsoft YaHei', 'Heiti SC', SimHei, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', sans-serif; } #el_62181752198172 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_62181752198172 { font-size: 13px; } } #el_54191752198172 { } #el_50231752198172{width:100%;} #el_63921752198172 { color: #666; } #el_63921752198172 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_63921752198172 .newsBox { } #el_63921752198172 .newsTitle { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 15px; padding-bottom: 15px; padding-left: 0; padding-right: 0; font-size: 15px; color: #666666; transition-property: all; transition-duration: 0.6s; font-family: 'Microsoft YaHei', 'Heiti SC', SimHei, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', sans-serif; } #el_63921752198172 .newsTitle:hover { padding-left: 8px; color: #000; } #el_63921752198172 .newsTime { color: #666; float: left; padding-top: 15px; padding-bottom: 15px; padding-left: 0; padding-right: 0; margin-right: 35px; font-size: 15px; font-family: microsoft yahei; letter-spacing: 0px; } #el_63921752198172 .pageBox { text-align: center; } #el_63921752198172 .pagination>li>a,#el_63921752198172 .pagination>li>span { background: none; color: #666; } #el_63921752198172 .pagination>.disabled>span,#el_63921752198172 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_63921752198172 .pagination>.active>a,#el_63921752198172 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_63921752198172 .pagination>li:hover>a,#el_63921752198172 .pagination>li:hover>span { background-color: #ddd; } #el_63921752198172 .newsBox.clearfix:nth-of-type(4n+2) { background-color: #f4efef; } #el_63921752198172 .newsBox.clearfix:nth-of-type(4n) { background-color: #f4efef; } #el_63921752198172 .newsBox.clearfix { padding-left: 30px; } @media screen and (max-width: 575px){ #el_63921752198172 .newsBox.clearfix { padding-left: 8px; padding-right: 8px; } #el_63921752198172 .newsTime { font-size: 13px; } #el_63921752198172 .newsTitle { font-size: 13px; } } #el_50521752198172{width:50%;} @media screen and (max-width: 575px){ #el_50521752198172{width:100%;}} #el_40301752198172 { margin-left: 18px; } @media screen and (max-width: 575px){ #el_40301752198172 { margin-left: 0px; } } #el_65961752198172{width:100%;} #el_25321752198172 { background-color: #e0e0e0; padding-right: 30px; padding-left: 30px; } @media screen and (max-width: 575px){ #el_25321752198172 { padding-left: 8px; padding-right: 8px; } } #el_42301752198172{width:50%;} #el_88851752198172 { font-size: 20px; text-align: left; color: #3B3B3B; line-height: 50px; font-family: 'Microsoft YaHei', 'Heiti SC', SimHei, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', sans-serif; } #el_88851752198172 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_88851752198172 { font-size: 14px; } } #el_58661752198172{width:50%;} #el_30321752198172 { font-size: 14px; text-align: right; color: #3B3B3B; line-height: 50px; font-family: 'Microsoft YaHei', 'Heiti SC', SimHei, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', sans-serif; } #el_30321752198172 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_30321752198172 { font-size: 13px; } } #el_79181752198172 { } #el_57701752198172{width:100%;} #el_62851752198172 { color: #666; } #el_62851752198172 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_62851752198172 .newsBox { } #el_62851752198172 .newsTitle { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 15px; padding-bottom: 15px; padding-left: 0; padding-right: 0; font-size: 15px; font-family: 'Microsoft YaHei', 'Heiti SC', SimHei, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', sans-serif; color: #666666; transition-property: all; transition-duration: 0.6s; } #el_62851752198172 .newsTitle:hover { padding-left: 8px; color: #000; } #el_62851752198172 .newsTime { color: #666; float: left; padding-top: 15px; padding-bottom: 15px; padding-left: 0; padding-right: 0; margin-right: 35px; font-size: 15px; font-family: microsoft yahei; letter-spacing: 0px; } #el_62851752198172 .pageBox { text-align: center; } #el_62851752198172 .pagination>li>a,#el_62851752198172 .pagination>li>span { background: none; color: #666; } #el_62851752198172 .pagination>.disabled>span,#el_62851752198172 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_62851752198172 .pagination>.active>a,#el_62851752198172 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_62851752198172 .pagination>li:hover>a,#el_62851752198172 .pagination>li:hover>span { background-color: #ddd; } #el_62851752198172 .newsBox.clearfix:nth-of-type(4n+2) { background-color: #f4efef; } #el_62851752198172 .newsBox.clearfix:nth-of-type(4n) { background-color: #f4efef; } #el_62851752198172 .newsBox.clearfix { padding-left: 30px; } @media screen and (max-width: 575px){ #el_62851752198172 .newsBox.clearfix { padding-left: 8px; padding-right: 8px; } #el_62851752198172 .newsTime { font-size: 13px; } #el_62851752198172 .newsTitle { font-size: 13px; } }