.ind_list{ display: flex; flex-wrap: wrap; padding:30px 0; } .ind_list li{ width: 100%; margin-bottom:20px; } .ind_list li a{ display: block; margin:0 auto; width:310px; } .ind_list li .ind_img{ width:310px; height:123px; position: relative; } .ind_list .ind_info{ position:absolute; top:0; right:0; width:122px; height:123px; background:url('../images/industry/ind_bg1.png') no-repeat; background-size:cover; } .ind_list .ind_name{ font-size: 14px; color: #fff; font-weight: bold; margin-top: 40px; text-align: right; padding-right: 10px; } .ind_list .border{ width: 50px; height: 1px; background: rgba(255,255,255,0.35); margin-top: 10px; margin-left: 60px; } .ind_list .icon{ width: 20px; height: 20px; background: url('../images/industry/ind_icon1.png') no-repeat; background-size: 100%; margin-left: 90px; margin-top: 10px; } .inde_box1{ position: relative; padding-bottom:30px; } .inde_box1 .gallery-top{ margin-top:30px; } .inde_box1 .right_info .title{ font-size:18px; color:#333; padding-bottom:10px; font-weight: bold; } .inde_box1 .right_info .text{ font-size:12px; color:#999; background:url('../images/industry/ind_icon2.png') no-repeat 0 center; background-size:11px 11px; padding-left:23px; } .inde_title{ font-size:23px; font-weight: bold; text-align: center; margin-top:20px; } .inde_border{ width:64px; height: 8px; border-radius:8px; background:#e3111a; margin:20px auto 0; } .inde_pro_box{ display: flex; flex-wrap: wrap; padding:20px 0; } .inde_pro_box1{ display: none; } .inde_pro_box2{ display:block; } .inde_pro_box li{ margin:0 0 10px 0; width: 50%; } .inde_pro_box li a{ display: block; width:130px; background:#efefef; padding-bottom:16px; color:#333; margin:0 auto; } .inde_pro_box .pro_img{ width:130px; height:87px; box-sizing: border-box; border:1px solid #eee; border-bottom:none; } .inde_pro_box .pro_border{ height: 2px; background:#e7222a; } .inde_pro_box .pro_name{ font-size:12px; padding:0 10px; margin:10px 0 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-align: center; } .clearfix::after{ content: ''; display: block; clear: both; } .inde_detail_box{ margin-top:20px; padding:0 20px; } .inde_detail_box .in_left_box{ float:inherit; } .inde_detail_box .in_left_box img{ width: 100%; max-width: 450px; } .inde_detail_box .in_right_box{ float:inherit; margin-top:10px; } .inde_detail_box .in_text1{ font-size:18px; font-weight: bold; background:url('../images/industry/ind_icon3.png') no-repeat; padding:2px 0 20px 15px; background-size:119px 29px; } .inde_detail_box .in_text2{ font-size:12px; font-weight: bold; margin:10px 0 0 40px; background:url('../images/industry/ind_icon2.png') no-repeat; background-size:11px 11px; padding-left:24px; } .inde_detail_box .in_text3{ padding-left:64px; font-size:12px; color:#999; line-height:30px; } /* 绉戠爺瀹炲姏鏍峰紡 */ .sc_title{ font-size:14px; text-align: center; margin-top:30px; padding:0 10px; } .sc_img{ padding:50px 10px 30px; } .sc_img img{ width:100%; max-width: 1200px; } .cg_box{ padding-bottom:30px; } .cg_img img{ width:100%; max-width: 1200px; } .cg_title{ font-size:14px; line-height:32px; text-align: center; padding:0 10px; } .detail_box1{ display: none; } .detail_box2{ display: block; } .detail_box2 .list{ border-bottom:1px solid #f3f3f3; padding-bottom:10px; margin-top:15px; } .inde_box1 .left_img{ text-align: center; margin:0 10px 0 10px; } .detail_box2 .list img{ width: 100%; margin:0 auto; } .inde_box1 .right_info{ flex:1; padding:10px 15px 0; } .inde_box1 .right_info .text{ line-height:24px; }