.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:0 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; border-radius: 10px; } .inde_pro_box .pro_img{ width:130px; height:87px; box-sizing: border-box; border:1px solid #eee; border-bottom:none; border-radius: 10px 10px 0 0; } .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; } .detail_box1 .list{ margin-top: 30px; display: flex; flex-wrap: wrap; padding-left: 30px; padding-right: 30px; box-sizing: border-box; } .detail_box1 .list .item{ width: 48.5%; margin-right: 3%; margin-bottom: 35px; padding: 20px; box-sizing: border-box; display: flex; align-items: center; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,.2); /* height:300px */ } .detail_box1 .list .item img{ display: block; width: 190Px; height: 160px; object-fit: cover; margin-right: 30px; } .detail_box1 .list .item:nth-child(2n){ margin-right: 0; } .detail_box1 .list .item .right{ flex: 1; margin-left: 20px; } /* .detail_box1 .list .item .right .title{ */ /* font-size: 18px; */ /* color: #333; */ /* line-height: 1.2; */ /* margin-bottom: 10px; */ /* padding-bottom: 5px; */ /* font-weight: 600; */ /* text-align: left; */ /* border-bottom: solid 1px #ececec; */ /* } */ .detail_box1 .list .item .right .title-container{ display: flex; justify-content: space-between; align-items: center; font-size: 18px; color: #333; line-height: 1.2; margin-bottom: 10px; padding-bottom: 5px; font-weight: 600; border-bottom: solid 1px #ececec; } .detail_box1 .list .item .right .title{ text-align: left; } .detail_box1 .list .item .right .comlogo{ text-align: right; } .detail_box1 .list .item .right .comlogo img{ width: auto; height: 14px; margin: 0; } .detail_box1 .list .item .right .content{ height: 118px; overflow-x: hidden; overflow-y: auto; text-align: left; line-height: 2; } .detail_box1 .list .item .right .content p{ text-align: left; }