锘?m_img{ display:none;} .m_nav{display:none} .headlf .m_logo{display: none} .headrg .m_menuimg{display: none} .sidenav{ display:none;} .footer_app{ display: none;} /*绉诲姩绔鑸?/ @media screen and (max-width: 768px) and (min-width: 0px){ img{ width: 100%;} .en_right{ display:none;} .top-head{ display: none;} .top02{ display: none;} #top{ display: none;} #tipfloat{ display: none !important;} .channel { width: 100%;} .channel_in { width: auto; padding: 10px; margin: 20px 0;} .banner{ margin-top: 60px;} .category_r{ display: none;} .bannerGen{ margin-top: 60px;} .categorybg{ margin-top:60px;} .bannerTopNews{ margin-top: 80px; height: 150px; overflow: hidden;} .bannerTop{ margin-top: 80px; height: 150px; overflow: hidden;} .bannerContact{margin-top: 80px; height: 500px;} #persons{ width: 100%;} .news_l{ width: 100%;} .news_r{ width: 100%;} .aboutbg { padding: 0; height:auto;} .aboutCon{ padding: 20px;} .aboutdesc{ padding: 10px;} .aboutTitle{ text-align: center; margin-top: 30px; font-size:22px;} .aboutTitle1{ text-align: center;} .aboutT2{ text-align: center;} .about_icon{ margin-bottom: 0;} .about_l{width: 100%;} .about_r{ width: 100%;} .about_icon { width: 100%; border-left: none; border-right: none;} .ivideo{ width:100%; margin:0 auto;} .about_icon li{ width: 50%;} a.aboutMore{ float:none; margin:20px auto; width: 200px;} .swiper-banner{ margin-top: 60px;} .about_icon_index{ margin: 0 0; padding: 0; list-style: none; position: relative; z-index: 999;} .about_icon_index li{ float: left; width: 33%;} .about_icon_indexDiv{ padding:10px ; margin: 5px; border-right: none; } .about_icon_index h2{ font-size: 28px; } .hiddenm{ display: none;} .iprobg{ height: auto;} /*鍝佺墝*/ .brand_l{ width:100%; margin:0 auto; text-align:center;} .brand_l img{ width:10px;} .brand_r{ width:100%; margin-top:10px; font-size:14px;} .brand_r li{ font-size:14px;} .prot{ width:100%; float:none; display:none;} .swiper-equip{ width:90%; float:none; margin:0 auto;} .about_icon_intro{ display:none;} .indexvideoCon{ background:#fff; width:90%; margin:0 auto;} .slideTxtBox{ height:auto; } .slideTxtBox .hd{ position:relative; bottom:0; } .slideTxtBox .bd{height:300px; padding:0 20px; } .slideTxtBox .bd ul{ display:none; } .ys_l{ width:100%; float:none;} .ys_l_t{ font-size:24px; font-weight:300; color:#000; margin-top:50px; margin-bottom:30px;} .ystitle{ width:100%; text-align:center;} .ysdesc{ font-size:14px; color:#888; text-align:center;} .ys_img{ display:none;} .smllimg{ width:100px; height:110px; } .smllimg p{font-size:14px; color:#888; text-align:center; line-height:15px; padding:5px 0;} .slideTxtBox .hd ul li{ float:left; cursor:pointer; margin:5px; } /*鎺ㄨ崘浜у搧*/ .swiperType{ width:100%; text-align:center; position: relative; } .swiperType{ padding:0; margin: 0 auto; width: 100%; margin-bottom: 50px;} .swiperType .swiper-slide{ float:left; padding:10px 0; width: 150px; cursor:pointer; color: #fff; font-size: 16px; text-align: center; margin-right: 10px; } .swiperType .selected{ background:#fff; color: #f08300; border-radius: 20px;} .swiperPro li{ float: left; margin-left: 10px; width: 30%;}.inewsCon .swiperPro li a{ padding: 8px; display: block; transition: 0.3s; background: #fff; text-align: center;} .swiperPro li a p{ height: 40px; font-size:12px; overflow: hidden;} .swiper-eqi-next{ position: absolute; right: 0; top:200px; } .swiper-eqi-prev{ position: absolute; left: 0; top:200px} .swiper-partner-next{ position: absolute; right: 0; } .swiper-partner-prev{ position: absolute; left: 0; } .swiper-partner-next i, .swiper-partner-prev i{ font-size: 34px; font-weight: 600; color: #fd8e01;} /*灞曚細*/ .exhNews_img{ position: relative; left: 0; bottom: 0; width: 100%; z-index: 0;} .exh_desc{ margin-bottom: 50px; display: block;width: 100%;} .exhNews{ padding:0; width: 100%; margin-left: 0;} .exhNews_title{ padding: 10px;} .exhNews_desc{ font-size: 14px; color: #999; margin-bottom:10px ;padding: 10px;} .sub_exh_dl{ width: 100%; margin: 0 auto; } .sub_exh_dl dd{ float: left; font-size: 16px; line-height: 200%; width: 50%;} .sub_exh_dl dd a{ height: 40px; line-height: 40px; display: block; text-align: center;} .exhList{ padding: 10px; } .exhList_l{ width: 30%; float: left;} .exhList_r{ width: 68%; float: right;} .exhList_title{ font-size: 18px; } .exhList_desc{ font-size: 12px; color: #999; line-height: 180%; margin-bottom: 10px;} .exhList_time{ font-size: 12px; } .exhList_time i{ font-size: 12px;} .picScroll-left .bd{ padding:20px 20px 20px 30px; } .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .picScroll-left .bd ul li{ margin:0 8px; width: 42%; float:left; _display:inline; overflow:hidden; text-align:center; height: auto; } .picScroll-left .bd ul li .pic{ text-align:center; height:auto; overflow: hidden; } .picScroll-left .bd ul li .pic img{ width:100%; display:block; padding:0; height: auto;} .picScroll-left .bd ul li .pic a:hover img{ border-color:#999; } .picScroll-left .bd ul li .title{ line-height:24px; } .honorbg{ height: auto; background: url(../images/honorbg.jpg) no-repeat center top; background-size: cover; } #persons .swiper-slide { width: 100%; } #persons .swiper-slide img { width: 240px } #persons .swiper-button-prev { left: 0; top: 350px; width: 45px; height: 45px; background:#ff9000; outline:none;} #persons .swiper-button-next { right: 0; top: 350px; width: 45px; height: 45px; background:#ff9000; outline:none;} .ipro_l{ width:96%; padding:2% 0 2% 4%;} .ipro_r{ width:100%;} .iproduc_l{ width: 100%; float: none;} .iproduc_r{ width: 100%; float: none;} .caselayBox{width:100%;position: relative;} .slideCase03{width: auto; position: relative;; right: 0; top: 0; height: 100px; padding-left: 30px;} .smallImg03{float: none;;margin:5px;cursor:pointer;} .slideCase03 .hd03 .next{ width: 30px !important; position: absolute; right: 0; top: 50px; bottom: initial; cursor: pointer;transform:rotate(-90deg);} .slideCase03 .hd03 .prev{width: 30px; position: absolute; left: 0; top: 50px; bottom: initial; transform:rotate(90deg); cursor: pointer;} .bd03 li{ float: left; width: 30%;} .equipCon{ padding: 20px;} .duc_desc{ font-size:14px; color: #999; line-height: 200%;margin-bottom: 20px; text-align: center; padding: 20px;} .duc_desc_img{ display: none;} .ducPx{ line-height: 30px; text-align: center; font-size: 14px;} .gallery-top { height: auto; width: 100%; } .gallery-thumbs{ display: none;} /*浼佷笟鎺犲奖*/ #certify { position: relative; width: 100%; margin: 50px auto } #certify .swiper-slide { width: 100%; height: 300px; background: #fff; box-shadow: 0 8px 30px #ddd; } #certify .swiper-button-prev { left: 0; top: 120px; } #certify .swiper-button-next { right: 0; top: 120px; } .inProduction{ width: 100%; margin: 50px auto;} .inProductionTitle{ text-align: center; font-size: 14px; padding: 10px 0;} .exhbg{ margin: 0 auto; padding:0; } .exhHead{ width: 100%; float: none; background: #fff; height: 120px; text-align: center; } .exhTitle{ font-size:36px; color: #000; font-weight: 600; text-align: center; margin-top: 20px;} .exhTitle1{ font-size: 30px; color: #999; font-weight: normal; margin-bottom: 20px; text-align: center;} .exhNews_img{ width: 100%; height: auto;} .exhTitle{ text-align: center;} .exhTitle1{ font-size: 20px; margin-bottom: 20px; text-align: center;} .exh_desc{ font-size:14px; margin-bottom: 20px; display: block;width: auto; padding: 10px;} .category_newpro{ float:left;} .category_list{ width: 47%;height:310px;} .category_search_form{ width: 100%; background: none;} .category_search{ padding: 10px; width:auto; background: #f7f7f7;} .category_select{ width: 100px;} .category_input{ width: 150px;} .iproT{ padding:0 10px;} a.dl_newsa_price{ width: auto !important;} a.dl_newsa{ margin: 0; float: none; width: 100%;} .inewsT{ padding-left: 10px;} .newsMore{ width: 80px !important; right: 10px !important;} .dl_inews { margin: 10px;} .footer_link{ display: none;} .footer_app{ display: block; list-style: none; padding: 20px; border-bottom: 1px solid #0b977d;} .footer_app li{ float: left; width: 20%; text-align: center;} .footer_app li img{ width: 30px;} .footer_app li a{ display: block;} .footer_tel{ list-style: none; padding: 10px; display:none;} .footer_tel li{ width: 50%; float:left; font-size:12px; text-align: center;} .footer_tel li{font-weight: 400; font-size: 12px; color: #fff;} .footer_tel_phone{ padding: 10px 0; font-size: 12px; font-weight: 400;color:#fff;} .footer_tel_icon{ width: 50px; height: 50px; line-height: 50px; border-radius: 50px; background: #fff; margin: 10px auto;} .footer_tel_icon i{ font-size:24px; color: #333;} .footer_tel_add{ font-size: 12px; line-height: 150%;} .footer_weixin{ right: 10px; display: none;} .copyright { width: 100%;} .copyright p{ padding: 10px;} .cnzz{ display: none;} .mhidden{ display: none;} #footer{ padding: 0; } .footer_nav { display:none;} .msgNum{display: none;} .head{display:none} .m_img{display:block;position:fixed; top:0px;left:0px;width:100%;z-index:1000; background: #fff; box-shadow: 0 0 5px #ccc; height: 60px;} .m_img_com{position:relative;} .cnenCon{ background:#fff; text-align:left; border-bottom:1px solid #eee; padding:10px;overflow:hidden; color:#999; position:relative;} .mlan{ position:absolute; right:10px; top:0; height:30px; line-height:30px; color:#ff6a00; text-align:center; font-size:14px;} .m_img .headlf{ margin-top: 0;} .headlf .m_logo{display: block; padding:0 10px;} .headlf .m_logo img{ width: auto;} .m_img .headrg{position: absolute;top: 1.0rem;left: 20px; font-size:3rem;} .m_img .headrg a {width: 3rem;height:3rem;display: block; color:#000; } .m_img .headrg a i{font-size:40px;} .m_img .headEn{position: absolute;top: 1.0rem;right: 20px; font-size:3rem;} .m_img .headEn a {width: 35px;height:35px; line-height: 35px; text-align: center; display: block; background: #f08300; color: #fff; font-size: 16px; border-radius: 4px;} .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block} .sidenav{background:#fff;display:block;font-size:16px;font-weight:400;height:100%;left:0;position:fixed;overflow:auto;transform:translate(-105%,0);transition:transform .3s;top:0;width:70%;z-index:9999; } .sidenav.show{transform:translate(0,0)} .sidenav-header{ text-align:center; padding:20px 10px;} .sidenav-header img{ max-width:200px; border:none;} .sidenav-header-title{ font-size:16px; } .sidenav-menu{list-style:none;margin:0;padding:0} .sidenav-menu li{display:block;position:relative} .sidenav-menu a{background:0 0;color:#BDBDBD;display:block;line-height:24px;padding:16px 32px;text-decoration:none} .sidenav-menu a:hover{background:#616161} .sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon{color:#FAFAFA} .sidenav-dropdown-icon,.sidenav-link-icon{color:#757575;position:absolute;text-align:center;top:16px} .sidenav-link-icon{display:block;height:24px;left:24px;width:24px} .sidenav-link-title{display:block;padding:0 16px 0 40px} .sidenav-dropdown{display:none;list-style:none;padding:0} .sidenav-dropdown a{background:#191919;padding-left:72px} .sidenav-dropdown a:hover{background:#616161} .sidenav-dropdown li:first-child a{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)} .sidenav-dropdown-icon{display:none;height:16px;right:16px;width:16px} .sidenav-dropdown-icon.show{display:block} .sidenav-overlay{background:rgba(0,0,0,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000} .sidenav-no-scroll{overflow:hidden!important} /** ======================= * Contenedor Principal ===========================*/ .accordion_mnav {width: 100%;background: #FFF; text-align: left;} .accordion_mnav .link {cursor: pointer;display: block; padding: 15px 15px 15px 22px;color: #4D4D4D; font-size: 16px; font-weight:500;border-bottom: 1px solid #CCC; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .accordion_mnav .linkon .link{ color:#f60 !important;} .accordion_mnav .linkon i{ color:#f60;} .accordion_mnav li:last-child .link { border-bottom: 0;} .accordion_mnav li{ cursor: pointer;} .accordion_mnav li i {font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;transition: all 0.4s ease;} .accordion_mnav li i.fa-chevron-down { position:absolute; right: 15px;left: auto; top:18px; font-size: 14px; color:#999;} .accordion_mnav li.open .link { color: #f60;} .accordion_mnav li.open i { color: #f60;} .accordion_mnav li.open i.fa-chevron-down {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);} /** * Submenu -----------------------------*/ .submenu { display: none; background: #f7f7f7; font-size: 14px; border:none} .submenu li { border-bottom: 1px solid #d6d7dc;} .submenu li.sec{ border-bottom:none; background:#fcfcfc;} .submenu li.sec i{ font-size:12px; color:#999;} .submenu li.sec a{ color:#333;} .submenu li.third{ border-bottom:none;background:#fcfcfc;} .submenu li.third a{ padding: 10px 10px 10px 62px; color:#888;} .submenu a {display: block;text-decoration: none;color: #111;padding: 12px;padding-left: 42px;-webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;} .submenu a:hover ,.submenu li.current a{ background: #f39800; color: #FFF;} .submenu li a i{ font-size:12px; color:#999 !important;} .submenu li a.on{ color:#f60 !important; } .submenu li.sub_quick{ color:#8bb4dd;padding: 10px 10px 10px 42px; border-bottom:none; background:#eee; font-size:14px;} .submenu li.sub_quick_li{ color:#999;padding: 8px 0; border-bottom:none; background:#eee;} .submenu li.sub_quick_li a{ padding:0 0 0 42px;color:#999;} .sub { width: 100%; min-height: 40px;} .sub_about_dl { position: relative; width: 100%; } .sub_t{ padding: 10px; border-bottom: none;} .sub_about_dl dd{ width: 25% !important;} .sub_about_dl dd a{ height: 40px; line-height: 40px; font-size: 12px;} .event_box{ width: 100%; margin: 0;} .parBd h4:before{ display: none;} .parBd h4:after{ display: none;} .sub_pro_dl { position: relative;} .sub_pro_dl dd a.on{ background: none; color: #f60;} .sub_newpro_dl { position: relative; left:0;} .sub_newpro_dl dd{ padding:0; float:left; margin:0; width:33.3% !important; border:none; } .sub_newpro_dl dd a{ height:auto !important; font-size:12px; height:80px !important;} .dh{ height: auto;} .dh_title { margin-bottom: 20px; line-height:150%;} .dh_title_en{ width:100%; line-height:150%;} .dh_search{ position: relative;} .pro_contant{ border: none; border-bottom: 1px solid #ccc; } .pro_l{ width: 30%; text-align: center;} .pro_ul{ width: 65%;} .pro_ul li{ width: 100%; float: none;} .pro_ul li a{ padding: 5px 0;} .sub_news_dl { position: relative;} .sub_news_dl dd{ width: 33.3%;} .sub_news_dl dd a{ font-size: 12px; padding:10px;} .inewsCon{ padding: 20px;} .inewsLink{width: 100%; float: none;} .dl_newsList{ padding: 10px;} .dl_newsList dt .dltime{ width: 100%; left: 0;} .dl_newsList dd.ntitle{ font-size: 16px;} .dltime p{ font-size: 12px;} .newsListMore{ display: none;} .inewsmore_stat_no{ margin: 0;} .inewsmore_stat{ margin: 0;} .newsDetailTitle h2{ line-height: 150%;} .newsDetailTitle{ padding: 10px;} .newsDetail{ padding: 10px;} .logincon{ width: 90%; } .myfav li{ width: 100%; float: none;} .jxs_l{ width: 100%;} .jxs_r{ width: 100%;} /*浼佷笟鑽h獕*/ .honorCon{ width: 100%; margin: 50px auto;} .honorList{ width: 50%; float: left; height: 300px; text-align: center;} .honorWidth{ height: 230px; overflow: hidden;} .customerList{ width: 50%; float: left; height: 220px !important; text-align: center;} .customerWidth{ height: 130px !important; overflow: hidden;} /*鍙戝睍鍘嗙▼*/ .event_box{width:100%;} .event_box .parHd {width:100%; height: 100px; margin-top: 50px;} .parBd h4{position:relative;font-size:22px; } /*浼佷笟鏂囧寲*/ .culturein_company{ width:100%; margin:30px auto; } .culture_left{ text-align:left;} .culture_l_con{ width:90%; float:none; background:#f7f7f7; margin:20px auto;} .culture_l_t{ font-size:18px; font-weight:500; padding:0;text-align:left; padding:10px 0 5px 10px;} .culture_l_desc{ font-size:16px; margin-bottom:10px;text-align:left; padding:0 0 0 10px; color:#666;} .culture_right{ width:100%;float:none;} /*浜у搧涓婁笅*/ .proNP1{ position:relative;} .proNP1 li{ width:30%; float:left; margin-bottom:10px; } .proNP1 li a{ height:40px; line-height:40px; text-align:center; font-size:14px; background:#eee; display:block; color:#999;-webkit-transition: all 0.3s ease-in-out;border-radius:4px;} .proNP1 li a:hover{ background:#4a5199; text-decoration:none; color: #fff;} .proNP1 li a i{ font-size: 14px;} .protable{ width:100%; overflow-x:scroll;} .icimg{ width:100%; height:280px; } .ic1 a { height:auto; line-height:150%;} .pro_l{ width:100%; float:none; display: none;} .pro_l img{ max-width:200px} .pro_c{ width:95%; padding:20px 0; margin:0 auto; float:none;} .pro_r{ width:100%;} .pro_ul{ width:100%; float:none;} .proCon{ padding: 0;} .pro_contant{ padding: 10px;} .pro_contant li{float:left; width:47%; height:auto; text-align:center; margin: 5px;} .pro_contant li .pic{ width:100%; text-align:center; height:auto; padding: 0;} .sub_m{ display: none;} .picFocus{width:100%; border:none; padding:0; float: none; } .picFocus .hd{ width:100%; padding-top:5px; overflow:hidden; } .picFocus .bd img{ width:100%; display:block; } .picFocus .hd ul{ padding: 20px;} .plist_l{ width: 100%; float: none;} .plist_r{ width: 100%; float: none;} .plist_rCon{ padding:0 10px;} .plist_title1{font-size:24px; height: auto; font-weight: 700; margin-bottom :10px; text-align: left; padding:0 10px;} .plist_detail_t{ font-size: 18px; font-weight: 300; border-bottom: 1px solid #ccc; text-align: center; margin-top: 50px; } .plist_detail_t span{ width: 200px; background: #057f68; color: #fff; line-height: 30px; padding: 10px; display: inline-block; border-radius: 10px 10px 0 0 ;} .jqueryzoom{ width:100%; height:auto; border:none;} .jqueryzoom img{ width:100%} .jqueryzoom_ul{ display:none;} .brandStr_div{ position:relative;} .iproIntro{ padding: 20px;} .ym_l{ width:100%;} .ym_r{ width:100%;} .pro_l_ntc{ width:100%; margin:0; margin-bottom:20px;} .pro_l_ntc img{ width:100%;} .contact_l{ width:100%; float:none; height:auto;} .contact_r{ width:100%; float:none; padding-top:20px;} .contactCon{ padding: 20px;} .mobnews{ background:#fff;} /*鏂伴椈涓績*/ .sub_news_dl{ width: 100%; } .sub_news_dl dd{ float: left; font-size: 20px; line-height: 200%; width: 50%;} .sub_news_dl dd a{ height: 40px; line-height: 40px; font-size: 16px;} .sub_news_dl dd a i{ font-size: 16px;} .dl_newsList_in{ padding:5px; transition:0.3s; border-bottom:1px dotted #ccc; } .dl_newsList_in dt{ display:none; } .dl_newsList_in .dl_newsList_in_img{ width:100%; float:none;} .dl_newsList_in .dl_newsList_in_img img{ width:100%;} .dl_newsList_in_txt{ float:none; width:100%;} .dl_newsList_in dt .dltime{width:200px; text-align:center; line-height: 200%; padding-top:10px; color:#057f68;} .dl_newsList_in dt .dltime h2{ font-size:34px; margin-bottom: 20px;} .dl_newsList_in dd{ line-height:150%; font-size:14px; color: #999; } .dl_newsList_in .ntitle{ font-size: 18px; height: 30px; overflow: hidden; color: #000;} .dl_newsList_in .ndesc{ height: 100px; overflow: hidden;} .dl_newsList_in .nmore{ font-size: 14px; color: #f08300;} .dl_newsList_in .nmore i{ font-size: 14px; } .dl_newsList_in:hover{color:#f60; text-decoration:none;} .dl_newsList_in:hover .dltime{ } .dl_newsList_in:hover .ntitle{ color:#f60;} .btn{ width: 100%; height: 40px; line-height: 40px; background: #FF7800; color: #fff; font-size: 16px; text-align: center; border: none;} .hidden{ display:none;} .category_exp{ list-style:none; width:100%; margin-left:0;} .category_exp li{ float:left; margin-right:30px;} .categorylist{ list-style:none;} .categorylist li{ float:left; width:33.3%;} .categorylist li a{padding:10px; } .categorylist li a.on{ border-bottom:none; color:#ff9600;} /*浜烘墠鎷涜仒*/ .recruit_ul{ width:100%; margin:20px auto;} .recruit_ul li{ width:33.3%; float:left;} .recruit_ul_en{ width:100%; margin:20px auto;} .recruit_ul_en li{ width:33.3%; float:left;} .recruit_ul_en li a{ display: flex; justify-content: center;align-items: center; line-height:25px; font-size:14px; text-align:center;vertical-align:middle;} .accordion_programs li{ cursor: pointer; border:1px solid #ccc; margin:10px; border-radius:0; box-shadow:0 0 5px #eee;} .accordion_programs .link { height:auto; } .programs_num{ width:12%; float:left; background:none;} .programs_num i{ color:#d8060c !important; font-size:22px !important;} .programs_title{ width:85%; float:right; height:auto; line-height:normal; padding:10px 0;} .posName{ width:100%; float:left;} .posMoney{width:100%; float:left;} .posCount{width:100%; float:left;} .posTel{width:100%; float:left;} .posTime{width:100%; float:left;} .posSpan{ font-size:16px; color:#999;} .lineh60{ line-height:60px;} #inNav .swiper-slide{padding: 0 5px;width:100px;} #inNav {overflow:hidden;} }