@media (min-width: 768px){ /* .navbar-default{ margin:24px 0; } */ .logo{ width:80%; max-width: 200px; } .navbar{ margin-top:10px; margin-bottom:0; } /* .navbar-nav{ margin-top:20px; } */ .navbar-nav li:last-child{ display:none; } .nav>li>a{ padding:10px; } .language{ display: flex; align-items: center; margin-top:8px; cursor: pointer; } .language .icon1{ display: inline-block; width:22px; height:22px; margin-right:12px; } .language .lang{ display: flex; align-items: center; justify-content: center; width:74px; height:30px; border:1px solid #ccc; border-radius:15px; } .language .icon2{ display: inline-block; width:19px; height:19px; background:url('../images/icon2.png') no-repeat; margin-left:4px; position: relative; top:-1px; } .lanBtn{ position:absolute; right:10px; display: flex; } .about_box{ padding:30px 0 1px; } .a_text1{ width:90%; font-size:18px; } .sta_box .s_list{ width:25%; text-align: center; } .about_box .a_text2{ margin:20px auto; height: auto; } .about_box .open_btn{ display: none; } .sta_box{ width:70%; } .a_border{ margin:15px auto 20px; } .more_btn{ margin:20px auto; } .index_banner .swiper-pagination-bullet{ /* height:10px; */ } .sta_box .s_text1{ font-size:16px; } .about_box .sta_box .s_text1 span{ font-size:30px; color:#e6212a; padding-right:5px; } .sta_box .s_text2{ font-size:14px; } .pro_list{ display: flex; align-items: center; justify-content: space-between; margin-top:38px; padding:0 10px; flex-wrap: wrap; padding:0; } .pro_list li{ width: 49%; height: 200px; background:url('../images/img1.jpg') no-repeat; background-size:100% 100%; overflow: hidden; margin:10px 0; } .pro_list .p_text1{ font-size:24px; font-weight: bold; position: relative; z-index: 2; padding-top:30px; text-align: left; } .pro_list .p_text2{ font-size:16px; position: relative; z-index: 2; line-height: 36px; transform: translateX(-110%); transition: 0.3s; } .tab_box .con_list{ width:324px; display: none; } .tab_box .content_box{ flex:1; margin-left:53px; } .tab_box .content_box .con_text{ font-size:14px; line-height: 36px; margin-top:30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; } .new_left .text_box{ margin-left:23px; } .new_right .n_img{ width:95px; height:95px; margin-right:29px; } .new_right li{ border-bottom:1px dashed #999; padding: 0 0 20px; margin-bottom: 24px; } .ind_content{ padding-top:58px; } .ind_box1{ height:590px; } .ind_box1{ display: block; } .ind_box2{ display: none; } .f_list{ display:flex; } .f_list li{ /* width: 222px; */ position: relative; margin-left:44px; } .footer .bot_text{ display: flex; align-items: center; justify-content: center; height:40px; background:rgba(0,0,0,0.5); color:#fff; text-align: center; line-height:40px; margin-top:20px; } .footer li:nth-child(1){ /* width:294px; */ } .footer li:nth-child(2){ /* width:207px; */ } .footer li:nth-child(3){ /* width:140px; */ } .footer li:nth-child(4){ /* flex:1; */ /* position: relative; */ } .footer .logo{ width:294px; /* height: 34px; */ margin-bottom:37px; } .footer_box2 .wem_img{ right:10px; width:90px; height: 90px; } .about_tab{ height: 60px; background:#efefef; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; } .a_list li{ border-left:1px solid #cacaca; width: 20%; height: 60px; text-align: center; line-height: 60px; border-top:none; border-bottom:none; } .a_box2 .year_box{ /* margin-right:100px; */ } .a_box2 .y_item{ font-size:14px; position: relative; } .a_box2 .year_box .border{ bottom:2px; } .a_box2 .y_item:nth-child(even){ position: inherit; top:inherit; } .a_box2 .y_item:nth-child(even)::after{ top:24px; } .a_box2 .y_item::after{ width:18px; height:18px; top:24px; } .a_box2 .y_item.active:after{ width:18px; height:18px; top:28px; } .a_box2 .y_item.active{ font-size:22px; } .a_list li a{ display: block; font-size:16px; color:#333; position: relative; } .h_text1{ font-size:28px; color:#dadada; font-weight: bold; } .a_box2 .y_item{ margin:15px 0; } .wh_content{ padding:40px 20px; display: flex; justify-content: space-between; } .wh_content .img_bg{ width:230px; height:293px; } .wh_content .w_text2{ width:230px; } .tx_content{ margin-top:60px; } .tx_content li{ margin-bottom:45px; width: 33%; text-align: center; } .tx_content .zs_bg{ width:193px; height:261px; } .tx_content .zs_img{ width:168px; height:237px; margin-left:4px; } .tx_content .zs_name{ font-size:16px; width:192px; text-align: left; } .wh_bg{ background:url('../images/about/bg3.jpg') no-repeat bottom center; background-size:100% 100px; padding-bottom:100px; } .wh_content .w_text1{ font-size:18px; color:#e6212a; padding:20px 0 10px; font-weight: bold; } .pro_cat_box{ padding:0; } .pro_cat_box li{ display: flex; align-items: flex-start; margin: 0 1% 20px 1%; width: 48%; text-align: center; } .pro_cat_box li a{ height: 160px; padding:18px 28px 0 18px; } .pro_cat_box .p_text1{ font-size:18px; } .pro_cat_box .num{ font-size:44px; top:-14px; } .pro_cat_box .pro_info{ margin-left:15px; } .detail_box .pro_box li, .inde_pro_box li{ width: 33%; margin:0 0 30px 0; } .detail_box .pro_box li a, .inde_pro_box li a{ display: block; background:#efefef; width:200px; 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:200px; height:133px; } .detail_box .title2{ background:#818181; color:#fff; font-size:22px; font-weight: bold; padding:10px 0 10px 38px; margin-top:80px; } .detail_box .title1{ background:#e61721; color:#fff; font-size:22px; font-weight: bold; padding:10px 0 10px 38px; } .info_list .info_title .info_t2{ font-size:18px; } .detail_box .pro_box, .inde_pro_box{ padding:36px 0; } .detail_box .pro_name, .inde_pro_box .pro_name{ margin:16px 0 0; } .banner_bg img{ width: 100%; height: 321px; object-fit: cover; } .product_tab.about_tab li{ width: 16.6%; } .product_tab.about_tab .a_list{ flex-wrap: nowrap; } .product_tab.about_tab .a_list li:last-child{ border-right:1px solid #cacaca; } .about_tab .a_list li:last-child{ border-right:1px solid #cacaca; } .ind_list li{ width: 50%; margin-bottom:30px; margin-right: 0; } .ind_list li a{ margin:0 auto; width:360px; } .ind_list li .ind_img{ width:360px; height:143px; position: relative; } .ind_list .ind_info{ width:142px; height:143px; } .ind_list .ind_name{ font-size: 16px; color: #fff; font-weight: bold; margin-top: 50px; text-align: right; padding-right: 10px; } .ind_list .border{ width: 60px; height: 1px; background: rgba(255,255,255,0.35); margin-top: 14px; margin-left: 70px; } .ind_list .icon{ width: 26px; height: 26px; margin-left: 102px; margin-top: 14px; } .ind_list{ padding:30px 0; } .inde_detail_box .in_left_box{ float:inherit; width: 100%; text-align: center; } .inde_detail_box .in_left_box img{ display: inline-block; } .inde_detail_box .in_right_box{ float:inherit; margin:0 auto; } .search_box{ display: flex; align-items: center; justify-content: space-between; height: 74px; background:#ededed; padding:0 20px 0 27px; box-sizing: border-box; margin-top:30px; } .search_box .date_input{ width:160px; height: 30px; } .search_box .sea_text1{ font-size:20px; font-weight: bold; margin-right:30px; display: block } .search_box .sea_left{ flex:1; display: flex; align-items: center; justify-content: space-between; } .search_box .keyword_input{ border:none; background:#fff; height: 28px; margin-left:20px; padding-left:12px; } .search_box .sea_btn{ width:155px; height:30px; } .n_list li{ display: flex; } .n_list li a{ display: flex; align-items: center; } .n_list li .info_img{ width:104px; height:104px; } .n_list:after{ content:''; width:1px; height:100%; position: absolute; background:#ededed; top:0;left:90px; } .n_list li .border{ width:44px; height:1px; background:#ededed; margin-right:20px; } .n_list li .info_left{ flex:1; margin-right: 28px; } .news_detail .page_box .page_btn{ width:200px; height:46px; line-height:46px; } .table_box1{ display: block!important; } .table_box2{ display: none!important; } .contact_box{ padding:20px 10px 0; } .contact_box .cont_list{ padding:50px 0 0 50px; margin-top:50px; } .contact_box .icon{ width:54px; height: 54px; } .contact_box .c_text1{ font-size:18px; font-weight: bold; } .contact_box .c_text2{ font-size:14px; line-height:30px; } .message_box{ margin-top:60px; } .message_box .m_text1{ margin-top:36px; } .message_box .item_input{ display: flex; align-items: center; border:1px solid #d4d4d4; height: 40px; border-radius:5px; padding:0 10px; width: 20%; margin:0; } .message_box .submit_btn{ width:288px; height:50px; background:#e5242c; font-size:16px; color:#fff; text-align: center; line-height:50px; margin:36px auto; border-radius:5px; } .detail_box2 .list{ display: flex; } .collapse.navbar-collapse{ background:none; position:inherit; display: flex!important; justify-content: center; } .navbar-nav>li{ margin:0; } .navbar-default .navbar-nav>li>a{ color:#333; } .navbar-nav{ margin-top:10px; } .lanBox{ display: none; } .content_box .title_bg{ width:486px; height:89px; /* background:url('../images/about/bg1.png') no-repeat; text-align: left; */ font-size:28px; padding:13px 0 0 33px; font-weight: bold; } .a_box1 .content_text1, .a_box1 .content_text2{ margin-top:0; } .navbar-nav>li.active:after{ content: ""; height: 2px; width: 100%; background:#e6212a; display: block; position: absolute; } /* .navbar-nav>li.active .border{ height: 2px; background:#e6212a; display: block; position: relative; } */ .new_left .new_text1{ font-size:14px; } .new_right .name{ font-size:16px; } .new_right .dir_text{ font-size:14px; } .new_right .time{ font-size:14px; } .footer .text{ font-size:14px; } .news_detail .n_text2{ font-size:14px; } .news_detail .n_text2 table{ width:80%!important; margin:0 auto; } .footer_box2 .f_box1 a{ font-size:16px; } .ryNext{ display: flex!important; } .ryPrev{ display: flex!important; } .menuBox1{ display: none!important; } .menuBox2{ display: none!important; } .menuBox3{ display: block!important; } .hideBtn{ display: none; } .inde_box1 .left_img{ text-align: center; margin:0 10px 0 0; } .detail_box2 .list img{ max-width: 300px; width: 100%; margin:0 auto; } .news_detail img{ width:auto; margin:10px auto; display: block; } .a_box2 .right_content img{ margin:10px 0; } .rySwiper .swiper-slide-active, .rySwiper .swiper-slide-duplicate-active{ transform: scale(1); /* margin-bottom:40px; */ } .ind_box .index_img{ background-size:cover; } .inde_pro_box1{ display: block; } .inde_pro_box2{ display:none; } .content_box .c_left{ margin-right:20px; } .a_box1 .content_text1{ /* display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; */ } .ry_bg{ min-height: 510px; } .ry_bg .a_box3{ min-height: 510px; } .ind_box .index_bg1{ background:url('../images/bg.png') no-repeat -400px 0; background-size:cover; } .inde_pro_box .pro_border{ height: 4px; background:#e7222a; } .ry_box{ margin-top:60px; } .ry_box li{ width: 25%; text-align: center; margin-bottom:15px; } .ry_box li img{ width: 90%; } .gk_box{ display: flex; } .gk_box .cat_list{ width:300px; margin-right:20px; display: block; } .gk_box .cat_list li{ padding:10px; border-bottom:1px solid #eee; margin-top:20px; cursor: pointer; } .gk_box .cat_list li.active{ color:#e6212a; } .gk_box .n_list{ flex:1; } }