.section1 { height: 220px; padding-top: 45px; } .section1-header { height: 175px; position: relative; } .section2 { overflow: hidden; background-color: #F9FBFD; padding: 40px 0; background-image: linear-gradient(88deg, #fafbfd 0%, #f3f6fb 100%); } .section2 .colony-content >span{ line-height: 26px; color: #444444; } .homeBg { background-repeat: no-repeat; height: 455px; background-image: url(../images/bg.jpg); } .stokt-box { width: 250px; float: left; box-sizing: border-box; } .fisrtNews-box { width: 425px; padding: 0 30px; float: left; height: 175px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .fisrtNews-box>a h3 { margin: 0; font-size: 20px; color: #444444; font-weight: bold; } .fisrtNews-box>a p { font-size: 30px; color: #eaeaea; margin-top: 2px; margin-bottom: 30px; font-family: dinAlternate; } .fisrtNews-box>a span { font-size: 16px; color: #444444; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 26px; } .newsList-box { width: 425px; padding-left: 30px; float: left; } .newsList-box .news-header{ font-size: 20px; font-weight: bold; font-stretch: normal; letter-spacing: 0px; color: #3c8cff; } .newsList-box ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .newsList-box .show-more { float: right; cursor: pointer; } .newsList-box .show-more a{ color: #3e3e3e; } .newsList-box .show-more:hover { color: #3c8cff; } .newsList-box>ul { bottom: 0; position: absolute; width: 425px; } .newsList-box>ul li a { color: #444444; font-size: 16px; line-height: 26px; } .newsList-box>ul li a:hover { color: #3c8cff; } .newsList-box>ul li a span:last-child { margin-left: 10px; } .colony-content { float: left; width: 350px } .colony-content h4 { font-size: 20px; color: #3c8cff; cursor: pointer; margin-bottom: 0; } .colony-content p { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 16px; letter-spacing: 0px; color: #eaeaea; margin-bottom: 20px; } .mix-duoyuan-box { float: right; } .mix-duoyuan-item { border-radius: 5px; width: 388px; height: 147px; background-repeat: no-repeat; margin-top: 5px; background-color: #fff; margin-left: 5px; position: relative; padding-bottom: 20px; } .mix-duoyuan-box>div { overflow: hidden; } .mix-duoyuan-item a { display: block; padding: 25px 25px 10px; transition: all .3s; height: 100%; border-radius: 5px; } .mix-duoyuan-item .it1 .icon { background-image: url('../images/logistics_btn_normal.png'); background-repeat: no-repeat; height: 55px; } .mix-duoyuan-item .it2 .icon { background-image: url('../images/realestate_btn_normal.png'); background-repeat: no-repeat; height: 55px; } .mix-duoyuan-item .it3 .icon { background-image: url('../images/industry_btn_normal.png'); background-repeat: no-repeat; height: 55px; } .mix-duoyuan-item .it4 .icon { background-image: url('../images/manufacturing_btn_normal.png'); background-repeat: no-repeat; height: 55px; } .mix-duoyuan-item a:hover { padding-top: 10px; background-color: #b7d1f5; } .mix-duoyuan-item .it1:hover .icon { background-image: url('../images/logistics_btn_pressed.png'); } .mix-duoyuan-item .it2:hover .icon { background-image: url('../images/realestate_btn_pressed.png'); } .mix-duoyuan-item .it3:hover .icon { background-image: url('../images/industry_btn_pressed.png'); } .mix-duoyuan-item .it4:hover .icon { background-image: url('../images/manufacturing_btn_pressed.png'); } .mix-duoyuan-item a:hover .cn { color: #fff } .mix-duoyuan-item a:hover .en { color: #90b0db } .mix-duoyuan-item a:hover .enter { opacity: 1; right: 50px; } .mix-duoyuan-item .item .enter { background-image: url('../images/home_arrow_icon.png'); height: 25px; width: 28px; display: block; float: right; position: absolute; right: 100px; top: 50%; opacity: 0; transition-delay: .3s; transition: all .3s; } .mix-duoyuan-item .item .cn { font-size: 30px; font-family: pingfang; font-size: 16px; color: #444444; margin-top: 5px; } .mix-duoyuan-item .item .en { font-family: enFamily; width: 240px; height: 24px; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 16px; letter-spacing: 0px; color: #c9c9c9; margin-top: 5px; } .section3 { overflow: hidden; padding: 50px 0; } .section3 .w1200{ display: flex; } .section3 a { position: relative; margin-right: 5px; display: block; } .section3 a img{ border-radius: 5px; } .section3 a:last-child { margin-right: 0px; } .section3 a .msg { position: absolute; top: 95px; } .section3 a .msg .cn{ color:#fff; font-size:18px } .section3 a .msg .en{ font-size:14px; } .section3 a:last-child .msg { right: 25px; text-align:right } .section3 a:last-child .msg .en{ color:#668a9f; } .section3 a:first-child .msg { left: 25px; } .section3 a:first-child .en { color:#9ec0ce; } .section3 a:nth-child(2) .msg { color:#fff; /* 有图标才开启 */ /* top: 55px; */ text-align:center; width:100% } .section3 a:nth-child(2) .msg .cn{ /* font-size:26px; */ /* 有图标才开启 */ /* line-height:40px; */ width: 100%; } .section3 a:nth-child(2) .msg .en{ font-size:14px } .section3 a:hover .shadow { opacity: 1; } .section3 .swiper-slide-active:hover .shadow { opacity: 1; } .section3 .swiper-slide-active:hover i { background-image: url('../images/playVideo.png'); width: 78px; height: 78px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .section3 .swiper-slide-active img{ border-radius: 5px; } .section3 .shadow { background-image: url('../images/home_mask.png'); position: absolute; bottom: 0; height: 224px; width: 388px; opacity: 0; transition: all .3s; } .section3 a .shadow i { background-image: url('../images/home_search_icon.png'); width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .section3 .video-swiper-container .swiper-button-prev { background: url("../images/left_two_icon.png") no-repeat center; visibility: hidden; z-index: 999; } .section3 .video-swiper-container .swiper-button-next { background: url("../images/right_two_icon.png") no-repeat center; visibility: hidden; z-index: 999; } .section3 .video-swiper-container:hover .swiper-button-prev { visibility: visible; } .section3 .video-swiper-container:hover .swiper-button-next { visibility: visible; } .stokt-box .stoke-name { padding: 0; margin: 0; font-size: 16px; font-family: pingfang; color: #565b6c; } .stoke-price-box { margin: 30px 0; } .stoke-price { font-size: 40px; font-family: dinAlternate; font-weight: 600; } .stoke-time-text { font-size: 12px; color: #858585; position: absolute; bottom: 0; } /*下跌*/ .fall { color: #0f9a0e; } /*上涨*/ .rise { color: #dc1616; } /*.section1 .fp-tableCell{ position: relative; }*/ .down-open { position: absolute; width: 40px; height: auto; right: 30px; bottom: 10px; z-index: 9999; animation: mymove 3s infinite; cursor: pointer; } @keyframes mymove { from { bottom: 20px; } to { bottom: 0px; } }