.container_fluid{ background-color: #ebebeb; } .container .news_center{ padding-top: 48px; padding-bottom: 24px; } .container .news_center .news_headline{ position: relative; width: 100%; background: url(/uploads/image/trcwdimages/title-bg1.png) no-repeat center bottom; background-size: auto 12px; color: #222; font-family: 'microsoft yahei'; margin-bottom: 20px; text-align: center; padding: 0px 0px 18px; } .container .news_center .news_headline:before{ position: absolute; left: 0; right: 0; top: 21px; z-index: 1; width: 100%; height: 1px; background: #c2c2c2; content: ''; } .container .news_center .news_headline>span{ position: relative; z-index: 3; display: inline-block; min-width: 150px; padding: 0px 25px 0px; background: #fff; margin: 0px auto; } .container .news_center .news_headline .news-title-main{ color: #5e5e5e; font-size: 32px; font-family: 'microsoft yahei'; } .container .news_center .news_headline .news-title-main a{ color: #5e5e5e; text-decoration: none; } .container .news_center .news_headline .news-title-sub{ color: #00479d; font-size: 14px; font-family: 'stzhongsong'; } .container .news_center .news_list{ position: relative; width: 100%; height: 270px; margin-top: 30px; } .container .news_center .news_list .news_top1{ position: absolute; left: 0; top: 0px; width: 480px; height: 270px; } .container .news_center .news_list .news_top1 .img{ width: 100%; height: 100%; overflow: hidden; } .container .news_center .news_list .news_top1 .img img{ width: 100%; height: 100%; } .container .news_center .news_list .news_top1 .img_news_info{ position: absolute; left: 0; bottom: 0; right: 0; z-index: 9; height: 40px; background: url(/uploads/image/trcwdimages/bg_yy.png) repeat; } .container .news_center .news_list .news_top1 .img_news_info h3{ height: 40px; line-height: 40px; margin: 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; font-size: 18px; } .container .news_center .news_list .news_top1 .img_news_info h3 a{ display: inline-block; max-width: 440px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; text-decoration: none; } .container .news_center .news_list .news_items{ width: calc(100% - 552px); height: 270px; margin-left: 552px; } .container .news_center .news_list .news_items ul li{ position: relative; width: 100%; height: 58px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 15px; cursor: pointer; } .container .news_center .news_list .news_items ul li .item_date{ position: absolute; left: 0px; top: 5px; width: 64px; height: 48px; border: 1px solid #c2c2c2; } .container .news_center .news_list .news_items ul li .item_date .date{ display: block; height: 30px; border-bottom: 1px solid #c2c2c2; line-height: 29px; font-size: 24px; color: #01489d; text-align: center; } .container .news_center .news_list .news_items ul li .item_date .year{ display: block; height: 16px; line-height: 16px; font-size: 12px; color: #7d7d7d; text-align: center; } .container .news_center .news_list .news_items ul li .item_info{ margin-left: 96px; margin-right: 25px; } .container .news_center .news_list .news_items ul li .item_info .title{ margin: 0; line-height: 26px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #222222; } .container .news_center .news_list .news_items ul li .item_info .title a{ color: #222222; text-decoration: none; } .container .news_center .news_list .news_items ul li .item_info p{ margin: 0; line-height: 24px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #999999; } .container .news_center .news_list .news_items ul li:hover, .container .news_center .news_list .news_items ul li.active{ background: #edf3f9; } .container .news_center .news_list .news_items ul li:hover .item_date, .container .news_center .news_list .news_items ul li.active .item_date{ top: 0px; height: 58px; padding-top: 5px; border-color: #87adda; background: #87adda; } .container .news_center .news_list .news_items ul li:hover .item_date:after, .container .news_center .news_list .news_items ul li.active .item_date:after{ position: absolute; right: -1px; top: 18px; z-index: 9; display: block; width: 0; height: 0; content: ''; border-right: 10px solid #edf3f9; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .container .news_center .news_list .news_items ul li:hover .item_date .date, .container .news_center .news_list .news_items ul li.active .item_date .date{ border-color: #87adda; } .container .news_center .news_list .news_items ul li:hover .item_date .year, .container .news_center .news_list .news_items ul li.active .item_date .year{ color: #fff; } /* 行业应用 */ .industry_container{ width: 100%; padding-bottom: 50px; background: url(/uploads/image/trcwdihome/industry-bg.jpg) no-repeat center center; background-size: 100% 100%; } .industry_container .container{ padding-top: 48px; margin: auto; } .industry_container .container .news_headline{ position: relative; width: 100%; background: url(/uploads/image/trcwdimages/title-bg1.png) no-repeat center bottom; background-size: auto 12px; color: #222; font-family: 'microsoft yahei'; text-align: center; padding: 0px 0px 18px; } .industry_container .container .news_headline:before{ position: absolute; left: 0; top: 21px; z-index: 1; width: calc(50% - 100px); height: 1px; background: #959595; content: ''; } .industry_container .container .news_headline:after{ position: absolute; right: 0; top: 21px; z-index: 1; width: calc(50% - 100px); height: 1px; background: #959595; content: ''; } .industry_container .container .news_headline>span{ position: relative; z-index: 3; display: inline-block; min-width: 150px; padding: 0px 12px 0px; margin: 0px auto; } .industry_container .container .news_headline .news-title-main{ color: #5e5e5e; font-size: 32px; font-family: 'microsoft yahei'; } .industry_container .container .news_headline .news-title-sub{ color: #00479d; font-size: 14px; font-family: 'stzhongsong'; } .industry_container .industry_list{ position: relative; padding-top: 29px; } .industry_container .industry_list ul li{ text-align: center; } .industry_container .industry_list ul li .industry_item{ position: relative; width: 100%; padding: 9px 10px; overflow: hidden; } .industry_container .industry_list ul li .industry_item:before{ position: absolute; right: 50%; top: calc(100% - 9px); z-index: 10; content: ''; width: 100%; height: 100%; background: transparent; transform: rotate(30deg); transform-origin: 100% 0; } .industry_container .industry_list ul li .industry_item:after{ position: absolute; left: 50%; top: calc(100% - 9px); z-index: 100; content: ''; width: 100%; height: 100%; background: transparent; transform: rotate(-30deg); transform-origin: 0 0; } .industry_container .industry_list ul li .industry_item .item_inner{ position: relative; z-index: 1; display: block; width: 100%; height: 0; padding-bottom: 140%; background-position: center center; background-size: 100% 100%; background-image: url(/uploads/image/trcwdihome/industry-item-bg.png); } .industry_container .industry_list ul li .industry_item .item_inner .item_img{ position: absolute; left: 29%; top: 9%; z-index: 10; display: block; width: 42%; height: 34.5%; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; } .industry_container .industry_list ul li .industry_item .item_inner.zhengwu .item_img{ background-image: url(/uploads/image/trcwdihicons/icon_11.png); } .industry_container .industry_list ul li .industry_item .item_inner.anquan .item_img{ background-image: url(/uploads/image/trcwdihicons/icon_12.png); } .industry_container .industry_list ul li .industry_item .item_inner.guofang .item_img{ background-image: url(/uploads/image/trcwdihicons/icon_13.png); } .industry_container .industry_list ul li .industry_item .item_inner.zhengfa .item_img{ background-image: url(/uploads/image/trcwdihicons/icon_14.png); } .industry_container .industry_list ul li .industry_item .item_inner.jiaotong .item_img{ background-image: url(/uploads/image/trcwdihicons/icon_15.png); } .industry_container .industry_list ul li .industry_item .item_inner.nengyuan .item_img{ background-image: url(/uploads/image/trcwdihicons/icon_16.png); } .industry_container .industry_list ul li .industry_item .item_inner.zhizao .item_img{ background-image: url(/uploads/image/trcwdihicons/icon_17.png); } .industry_container .industry_list ul li .industry_item .item_inner.meiti .item_img{ background-image: url(/uploads/image/trcwdihicons/icon_18.png); } .industry_container .industry_list ul li .industry_item .item_inner .item_info{ position: absolute; top: 42%; left: 0; z-index: 10; width: 100%; } .industry_container .industry_list ul li .industry_item .item_inner .item_info .item_info_title{ position: relative; line-height: 3; color: #01489d; text-align: center; font-size: 20px; font-family: 'microsoft yahei'; } .industry_container .industry_list ul li .industry_item .item_inner .item_info .item_info_title:after{ position: absolute; left: calc(50% - 14px); bottom: 0; z-index: 1; width: 28px; height: 2px; background-color: #dddddd; content: ''; } .industry_container .industry_list ul li .industry_item .item_inner .item_info .item_info_con{ margin-top: 5%; } .industry_container .industry_list ul li .industry_item .item_inner .item_info .item_info_con p{ display: -webkit-box; height: 40px; overflow: hidden; margin: 0; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 1.5; color: #888; font-size: 14px; text-align: center; } .industry_container .industry_list ul li .industry_item .item_inner .item_info .item-btn{ display: none; } .industry_container .industry_list ul li.active .industry_item, .industry_container .industry_list ul li:active .industry_item{ background: url(/uploads/image/trcwdihome/industry_border.png) no-repeat center center; background-size: 100% 99%; } .industry_container .industry_list ul li.active .industry_item .item_inner.zhengwu, .industry_container .industry_list ul li:active .industry_item .item_inner.zhengwu{ background-image: url(/uploads/image/trcwdihome/item-bg-1.png); } .industry_container .industry_list ul li.active .industry_item .item_inner.anquan, .industry_container .industry_list ul li:active .industry_item .item_inner.anquan{ background-image: url(/uploads/image/trcwdihome/item-bg-2.png); } .industry_container .industry_list ul li.active .industry_item .item_inner.guofang, .industry_container .industry_list ul li:active .industry_item .item_inner.guofang{ background-image: url(/uploads/image/trcwdihome/item-bg-3.png); } .industry_container .industry_list ul li.active .industry_item .item_inner.zhengfa, .industry_container .industry_list ul li:active .industry_item .item_inner.zhengfa{ background-image: url(/uploads/image/trcwdihome/item-bg-4.png); } .industry_container .industry_list ul li.active .industry_item .item_inner.jiaotong, .industry_container .industry_list ul li:active .industry_item .item_inner.jiaotong{ background-image: url(/uploads/image/trcwdihome/item-bg-5.png); } .industry_container .industry_list ul li.active .industry_item .item_inner.nengyuan, .industry_container .industry_list ul li:active .industry_item .item_inner.nengyuan{ background-image: url(/uploads/image/trcwdihome/item-bg-6.png); } .industry_container .industry_list ul li.active .industry_item .item_inner.zhizao, .industry_container .industry_list ul li:active .industry_item .item_inner.zhizao{ background-image: url(/uploads/image/trcwdihome/item-bg-7.png); } .industry_container .industry_list ul li.active .industry_item .item_inner.meiti, .industry_container .industry_list ul li:active .industry_item .item_inner.meiti{ background-image: url(/uploads/image/trcwdihome/item-bg-8.png); } .industry_container .industry_list ul li.active .industry_item .item_inner .item_mask, .industry_container .industry_list ul li:active .industry_item .item_inner .item_mask{ position: absolute; left: 0; top: 0; z-index: 9; display: block; width: 100%; height: 100%; background: url(/uploads/image/trcwdihome/industry-item-mask.png) no-repeat center bottom; background-size: 100% auto; } .industry_container .industry_list ul li.active .industry_item .item_inner.zhengwu .item_img, .industry_container .industry_list ul li:active .industry_item .item_inner.zhengwu .item_img{ background-image: url(/uploads/image/trcwdihicons/icon_21.png); } .industry_container .industry_list ul li.active .industry_item .item_inner.anquan .item_img, .industry_container .industry_list ul li:active .industry_item .item_inner.anquan .item_img{ background-image: url(/uploads/image/trcwdihicons/icon_22.png); } .industry_container .industry_list ul li.active .industry_item .item_inner.guofang .item_img, .industry_container .industry_list ul li:active .industry_item .item_inner.guofang .item_img{ background-image: url(/uploads/image/trcwdihicons/icon_23.png); } .industry_container .industry_list ul li.active .industry_item .item_inner.zhengfa .item_img, .industry_container .industry_list ul li:active .industry_item .item_inner.zhengfa .item_img{ background-image: url(/uploads/image/trcwdihicons/icon_24.png); } .industry_container .industry_list ul li.active .industry_item .item_inner.jiaotong .item_img, .industry_container .industry_list ul li:active .industry_item .item_inner.jiaotong .item_img{ background-image: url(/uploads/image/trcwdihicons/icon_25.png); } .industry_container .industry_list ul li.active .industry_item .item_inner.nengyuan .item_img, .industry_container .industry_list ul li:active .industry_item .item_inner.nengyuan .item_img{ background-image: url(/uploads/image/trcwdihicons/icon_26.png); } .industry_container .industry_list ul li.active .industry_item .item_inner.zhizao .item_img, .industry_container .industry_list ul li:active .industry_item .item_inner.zhizao .item_img{ background-image: url(/uploads/image/trcwdihicons/icon_27.png); } .industry_container .industry_list ul li.active .industry_item .item_inner.meiti .item_img, .industry_container .industry_list ul li:active .industry_item .item_inner.meiti .item_img{ background-image: url(/uploads/image/trcwdihicons/icon_28.png); } .industry_container .industry_list ul li.active .industry_item .item_inner .item_info, .industry_container .industry_list ul li:active .industry_item .item_inner .item_info{ top: 45%; } .industry_container .industry_list ul li.active .industry_item .item_inner .item_info .item_info_title, .industry_container .industry_list ul li:active .industry_item .item_inner .item_info .item_info_title{ line-height: 2; color: #fff; font-size: 30px; } .industry_container .industry_list ul li.active .industry_item .item_inner .item_info .item_info_title:after, .industry_container .industry_list ul li:active .industry_item .item_inner .item_info .item_info_title:after{ display: none; } .industry_container .industry_list ul li.active .industry_item .item_inner .item_info .item_info_con, .industry_container .industry_list ul li:active .industry_item .item_inner .item_info .item_info_con{ display: none; } .industry_container .industry_list ul li.active .industry_item .item_inner .item_info .item-btn, .industry_container .industry_list ul li:active .industry_item .item_inner .item_info .item-btn{ display: inline-block; width: 30%; min-width: 72px; margin: auto; line-height: 2; background-color: #d8dbe5; color: #00479d; text-align: center; font-size: 12px; font-family: 'microsoft yahei'; text-decoration: none; } /*数字中国 太极在行动 */ .business_group{ width: 100%; margin: auto; padding-top: 48px; padding-bottom: 24px; } .business_group .news_headline{ position: relative; width: 100%; background: url(/uploads/image/trcwdimages/title-bg1.png) no-repeat center bottom; background-size: auto 12px; color: #222; font-family: 'microsoft yahei'; margin-bottom: 20px; text-align: center; padding: 0px 0px 18px; } .business_group .news_headline:before{ position: absolute; left: 0; right: 0; top: 21px; z-index: 1; width: 100%; height: 1px; background: #c2c2c2; content: ''; } .business_group .news_headline>span{ position: relative; z-index: 3; display: inline-block; min-width: 150px; padding: 0px 25px 0px; background: #ebebeb; margin: 0px auto; } .business_group .news_headline .news-title-main{ color: #5e5e5e; font-size: 32px; font-family: 'microsoft yahei'; } .business_group .business_swiper{ position: relative; width: 100%; } .business_group .business_swiper .swiper-container{ width: 100%; } .business_group .business_swiper .swiper-pagination{ position: relative; z-index: 8; width: auto; bottom: 0; left: 0; padding-top: 15px; padding-bottom: 15px; } .business_group .business_swiper .swiper-pagination .sp-customs{ display: inline-block; background-color: transparent; border-radius: 0; opacity: 1; text-align: center; } .business_group .business_swiper .swiper-pagination .sp-customs .icon{ width: 78px; height: 90px; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; margin: auto; } .business_group .business_swiper .swiper-pagination .sp-customs .icon1{ background-image: url(/uploads/image/trcwdihicons/icon_32.png); } .business_group .business_swiper .swiper-pagination .sp-customs .icon2{ background-image: url(/uploads/image/trcwdihicons/icon_34.png); } .business_group .business_swiper .swiper-pagination .sp-customs .icon3{ background-image: url(/uploads/image/trcwdihicons/icon_36.png); } .business_group .business_swiper .swiper-pagination .sp-customs.sp-customs-active .icon1{ background-image: url(/uploads/image/trcwdihicons/icon_31.png); } .business_group .business_swiper .swiper-pagination .sp-customs.sp-customs-active .icon2{ background-image: url(/uploads/image/trcwdihicons/icon_33.png); } .business_group .business_swiper .swiper-pagination .sp-customs.sp-customs-active .icon3{ background-image: url(/uploads/image/trcwdihicons/icon_35.png); } .business_group .business_swiper .swiper-pagination .sp-customs .sp-name{ margin-top: 15px; text-align: center; color: #898989; font-size: 20px; } .business_group .business_swiper .swiper-pagination .sp-customs.sp-customs-active .sp-name{ color: #01489d; } .business_group .business_swiper .swiper-slide .img-wrap{ position: relative; width: 100%; height: 0; padding-bottom: 50%; } .business_group .business_swiper .swiper-slide img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #swiper2 .swiper-button-prev{ left: 3%; top: calc(50% - 15px); width: 19px; height: 30px; background-image:url(/uploads/image/trcwdihome/arrow_left.png); background-size: 100% 100%; margin-top: 0; } #swiper2 .swiper-button-next{ right: 3%; top: calc(50% - 15px); width: 19px; height: 30px; background-image:url(/uploads/image/trcwdihome/arrow_right.png); background-size: 100% 100%; margin-top: 0; } .business_group .business_swiper .business_info{ position: absolute; left: 14%; top: 60%; z-index: 100; background-color: #fff; width: 72%; height: 63%; display: none; } .business_group .business_swiper .business_info:before{ position: absolute; right: 50%; top: 100%; z-index: 10; content: ''; width: 100%; height: 100%; background: #ebebeb; transform: rotate(6deg); transform-origin: 100% 0; } .business_group .business_swiper .business_info:after{ position: absolute; left: 50%; top: 100%; z-index: 10; content: ''; width: 100%; height: 100%; background: #ebebeb; transform: rotate(-6deg); transform-origin: 0 0; } .business_group .business_swiper .business_info .business_title{ width: 80%; line-height: 2; margin: 3% auto 0; color: #222222; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-family: 'microsoft yahei'; } .business_group .business_swiper .business_info .business_con{ display: -webkit-box; overflow: hidden; -webkit-line-clamp:4; -webkit-box-orient: vertical; text-overflow: ellipsis; width: 90%; height: 120px; margin: 15px auto 0; line-height: 30px; text-align: left; } .business_group .business_swiper .business_info .business_con p{ text-indent: 2em; margin: 0; padding: 0; color: #959595; font-size: 14px; font-family: 'microsoft yahei'; } .business_group .business_swiper .business_info .btn-more{ display: block; width: 120px; height: 32px; line-height: 30px; border: 1px solid #cccccc; color: #00479d; font-size: 16px; text-align: center; margin: 3% auto 0; cursor: pointer; text-decoration: none; } .business_group .business_swiper .business_info .btn-more:hover{ background: #edf3f9; } @media (max-width: 540px){ .container .news_center{ display: none; } .industry_container .container .news_headline:before, .industry_container .container .news_headline:after{ top: 13px; width: calc(50% - 50px); } .industry_container .container .news_headline>span{ padding: 0 10px; } .industry_container .container .news_headline .news-title-main{ font-size: 21px; } .industry_container .container .news_headline .news-title-sub{ font-size: 12px; } .industry_container .industry_list ul li.col-xs-3{ width: 50%; } .industry_container .industry_list ul li .industry_item .item_inner .item_info .item_info_title{ font-size: 16px; } .industry_container .industry_list ul li .industry_item .item_inner .item_info .item_info_con{ display: none !important; } .industry_container .industry_list ul li.active .industry_item .item_inner .item_info .item_info_title, .industry_container .industry_list ul li:active .industry_item .item_inner .item_info .item_info_title{ line-height: 1.8; font-size: 20px; } .industry_container .industry_list ul li.active .industry_item .item_inner .item_info .item-btn, .industry_container .industry_list ul li:active .industry_item .item_inner .item_info .item-btn{ display: none; } .business_group .news_headline:before, .business_group .news_headline:after{ top: 13px; } .business_group .news_headline>span{ padding: 0 10px; } .business_group .news_headline .news-title-main{ font-size: 21px; } .business_group .business_swiper .swiper-pagination .sp-customs .sp-name{ font-size: 16px; } #swiper2 .swiper-button-prev{ left: 2%; } #swiper2 .swiper-button-next{ right: 2%; } .business_group .business_swiper .business_info{ visibility: hidden; } } @media (max-width: 540px){ .industry_container .container{ padding-top: 20px; } .business_group{ padding-top: 20px; } } @media (min-width: 540px) and (max-width: 767px){ .container .news_center{ display: none; } .industry_container .container{ padding-top: 20px; } .industry_container .container .news_headline:before, .industry_container .container .news_headline:after{ top: 15px; width: calc(50% - 60px); } .industry_container .container .news_headline>span{ padding: 0 10px; } .industry_container .container .news_headline .news-title-main{ font-size: 24px; } .industry_container .container .news_headline .news-title-sub{ font-size: 12px; } .industry_container .industry_list ul li .industry_item .item_inner .item_info .item_info_title{ font-size: 16px; } .industry_container .industry_list ul li .industry_item .item_inner .item_info .item_info_con{ display: none !important; } .industry_container .industry_list ul li.active .industry_item .item_inner .item_info .item_info_title, .industry_container .industry_list ul li:active .industry_item .item_inner .item_info .item_info_title{ font-size: 20px; } .industry_container .industry_list ul li.active .industry_item .item_inner .item_info .item-btn, .industry_container .industry_list ul li:active .industry_item .item_inner .item_info .item-btn{ display: none; } .business_group{ padding-top: 20px; } .business_group .news_headline:before, .business_group .news_headline:after{ top: 15px; } .business_group .news_headline>span{ padding: 0 10px; } .business_group .news_headline .news-title-main{ font-size: 24px; } .business_group .business_swiper .business_info{ visibility: hidden; } } @media (min-width: 768px){ .container .news_center{ display: none; } .industry_container .container{ padding-top: 48px; } .industry_container .container .news_headline:before, .industry_container .container .news_headline:after{ top: 21px; width: calc(50% - 80px); } .industry_container .container .news_headline>span{ padding: 0 10px; } .industry_container .container .news_headline .news-title-main{ font-size: 28px; } .industry_container .container .news_headline .news-title-sub{ font-size: 14px; } .industry_container .industry_list ul li .industry_item .item_inner .item_info .item_info_title{ line-height: 2; font-size: 16px; } .industry_container .industry_list ul li .industry_item .item_inner .item_info .item_info_con p{ font-size: 12px; } .industry_container .industry_list ul li.active .industry_item .item_inner .item_info .item_info_title, .industry_container .industry_list ul li:active .industry_item .item_inner .item_info .item_info_title{ font-size: 20px; } .business_group{ padding-top: 48px; } .business_group .news_headline:before, .business_group .news_headline:after{ top: 21px; } .business_group .news_headline>span{ padding: 0 10px; } .business_group .news_headline .news-title-main{ font-size: 28px; } .business_group .business_swiper .business_info{ visibility: hidden; } } @media (min-width: 992px){ .container .news_center{ display: block; } .industry_container .container .news_headline:before, .industry_container .container .news_headline:after{ top: 21px; width: calc(50% - 100px); } .industry_container .container .news_headline>span{ padding: 0 25px; } .industry_container .container .news_headline .news-title-main{ font-size: 32px; } .industry_container .industry_list ul li .industry_item .item_inner .item_info .item_info_title{ line-height: 3; font-size: 20px; } .industry_container .industry_list ul li .industry_item .item_inner .item_info .item_info_con p{ font-size: 12px; } .industry_container .industry_list ul li.active .industry_item .item_inner .item_info .item_info_title, .industry_container .industry_list ul li:active .industry_item .item_inner .item_info .item_info_title{ font-size: 30px; } .business_group .business_swiper .swiper-container{ padding-bottom: 10%; } .business_group .news_headline:before, .business_group .news_headline:after{ top: 21px; } .business_group .news_headline>span{ padding: 0 25px; } .business_group .news_headline .news-title-main{ font-size: 32px; } .business_group .business_swiper .business_info{ visibility: visible; } .swiper-button-next, .swiper-button-prev{ top: calc(45% - 15px); } } @media (min-width: 1200px){ .container .news_center{ display: block; } } @media (min-width: 1230px){ .container .news_center{ display: block; } }