@media (min-width: 1200px){ .lanBtn{ position:static; right:0; display: none; } .container-fluid{ display: flex; } /* .collapse.navbar-collapse{ display: block!important; justify-content: inherit; } */ .language{ margin-top:2px; } .navbar-header{ width: inherit; } .lanBox{ display: flex; } .new_content{ display: flex; } .new_left{ width: 447px; } .footer .f_list{ display: flex; } .footer .bot_text{ display: flex; align-items: center; justify-content: center; } .pro_list{ display: flex; align-items: center; justify-content: inherit; margin-top:38px; padding:0 10px; flex-wrap: wrap; padding:0; } .pro_list li{ width: 170px; height: 529px; background:url('../images/img1.jpg') no-repeat; background-size:100% 100%; overflow: hidden; margin:0; } .pro_list .p_text1{ font-size:24px; font-weight: bold; position: relative; z-index: 2; padding-top:60px; text-align: left; } .pro_list .p_text2{ font-size:16px; position: relative; z-index: 2; line-height: 36px; transform: translateX(-300px); transition: 0.3s; } .pro_list li a:hover{ text-decoration: none; } .pro_list li a:hover .red_bg{ width: 100%; } .pro_list li a:hover .p_border{ width:51px; } .pro_list li a:hover .p_text2{ transform: translateX(0); } .a_box1{ padding-bottom:100px; } .content_box{ display: flex; } .wh_content{ padding:60px 0; display: flex; justify-content: space-between; } .wh_content .img_bg{ width:388px; height: 500px; } .wh_content .w_text2{ width:388px; } .tx_content li{ margin-right: 58px; margin-bottom:45px; width: inherit; } .tx_content li:nth-child(5n+0){ margin-right: 0; } .wh_bg{ background:url('../images/about/bg3.jpg') no-repeat bottom center; background-size:100%; padding-bottom:203px; } .pro_cat_box li{ display: flex; align-items: flex-start; background:rgba(0,0,0,0.1); margin:0 10px 20px 0; width: inherit; } .pro_cat_box li:nth-child(3n){ margin-right: 0; } .pro_cat_box li a{ display: flex; align-items: flex-start; width:393px; height:233px; padding:28px 48px 0 28px; box-sizing: border-box; } .pro_cat_box .pro_info{ flex:1; margin-left:30px; text-align: left; } .pro_cat_box .p_text2{ font-size:14px; line-height: 30px; margin-top:15px; } .pro_cat_box li.active .icon{ width:39px; height:27px; background:url('../images/product/icon1.png') no-repeat; background-size:cover; margin-top:28px; } .detail_box{ padding:0; } .detail_box .pro_box li, .inde_pro_box li{ width: inherit; margin:0 60px 30px 0; } .detail_box .pro_box li a, .inde_pro_box li a{ display: block; background:#efefef; width: 360px; margin:0 auto; } .detail_box .pro_box li:nth-child(3n), .inde_pro_box li:nth-child(3n){ margin:0 0 30px 0; } .detail_box .pro_img, .inde_pro_box .pro_img{ width:360px; height:240px; box-sizing: border-box; border:1px solid #eee; border-bottom:none; margin:0 auto; } .ind_list li{ width: inherit; margin-bottom:50px; margin-right:46px; } .ind_list li:nth-child(2n){ margin-right:0; } .ind_list li a{ margin:0; width:577px; } .ind_list li .ind_img{ width:577px; height:229px; } .ind_list .ind_info{ width:228px; height:229px; } .ind_list .ind_name{ font-size:18px; color:#fff; font-weight: bold; margin-top:70px; text-align: right; padding-right:21px; } .ind_list .border{ width:101px; height: 1px; background:rgba(255,255,255,0.35); margin-top:24px; margin-left:106px; } .ind_list .icon{ width: 36px; height:36px; background:url('../images/industry/ind_icon1.png') no-repeat; background-size:100%; margin-left:172px; margin-top:24px; } .ind_list{ padding:60px 0; } .inde_detail_box .in_left_box{ float:right; width: inherit; } .inde_detail_box .in_right_box{ float:left; } .inde_detail_box{ padding:0; } .new_warp{ padding:0; } .contact_box{ padding:20px 0 0; } .contact_box .cont_list{ display: flex; flex-wrap: wrap; border:3px solid #e72530; padding:50px 0 0 50px; margin-top:50px; } .contact_box li{ display: flex; width: 25%; margin-bottom:50px; } .gallery-top { height: 430px; width: 100%; } .inde_box1 .left_img{ width:600px; height:429px; background-size: cover; background-position: center; } .inde_box1 .right_info{ width:600px; border:5px solid #f3f3f3; padding:35px 25px; } .inde_box1 .right_info .text{ line-height:36px; } .gallery_box{ width: 100%!important; } .about_box{ padding:60px 0 36px; } .about_box .a_text2{ margin:40px auto; } .more_btn{ margin:40px auto; } .product_box{ padding-top:58px; } .new_box{ padding-top:58px; } .new_right li{ border-bottom:1px dashed #999; padding:0 0 30px; margin-bottom:34px; } .footer .bot_text{ margin-top:40px; } .sta_box .s_text1 span{ font-size:30px!important; } .top{ display: block; } .navbar-nav>li.active .border{ top:26px; } .a_box1 .content_text1{ /* display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; */ } .rySwiper .swiper-slide-active, .rySwiper .swiper-slide-duplicate-active{ transform: scale(1); /* margin-bottom:100px; */ } .menuBox1{ display: block!important; } .menuBox2{ display: none!important; } .menuBox3{ display: none!important; } .contact_box .m_text2{ font-size:18px; text-align:center; } .news_detail img{ width:auto; margin:10px auto; display: block; } .ind_box .index_bg1{ background:url('../images/bg.png') no-repeat -450px 0; background-size:cover; } } @media (min-width: 1500px){ .ind_box .index_img{ background-size:contain; } .ind_box .index_bg1{ background:url('../images/bg.png') no-repeat 0 0; background-size:cover; } }