@media (max-width:768px) { body { overflow-x: hidden; } .header { display: none; } .banner { height: 214px; margin-top: 60px; margin-bottom: 10px; } .page-view { height: 214px; } .alk { margin-top: 0; } .alk .wrap { width: 95%; overflow: hidden; overflow-x: scroll; } .alk-ul { width: 10000px; display: block; } .alk-ul li { float: left; margin: 10px 10px; width: 300px; } .honnor-img { position: relative; width: 100%; height: 100%; } .wrap { width: 95%; } .introduct { margin: 20px 0; } .introduct-lunbo { width: 100%; height: 231px; } .introduct .swiper-slide { width: 100% !important; background-size: cover !important; } .introduct-right { width: 100%; margin-top: 20px; padding-right: 0; } .introduct-right h2 { font-size: 24px; } .introduct-right h3 { font-size: 22px; margin-bottom: 20px; } .introduct-more { margin: 20px auto; display: block; width: 140px; } .new-part { margin: 20px 0; text-align: center; } .new-part span { float: none; display: inline-block; } .alk-tit p { width: 100%; } .new-lunbo { display: none; } .media-new { display: block; } .product { margin-top: 40px; margin-bottom: 40px; height: 493px; } .product-lunbo { height: 148px; } .product-lunbo .swiper-button-next, .product-lunbo .swiper-button-prev { display: none; } .honnor { margin-top: 40px; } .honnor-part { width: 100%; overflow: hidden; } #certify1,#certify2,#certify3 { width: 100%; } #certify1 .swiper-button-prev, #certify1 .swiper-button-next, #certify2 .swiper-button-prev, #certify2 .swiper-button-next, #certify3 .swiper-button-prev, #certify3 .swiper-button-next{ display: none; } .honnor-part span { margin: 0 !important; } .talk { margin-top: 40px; height: auto; } .talk-left { width: 100%; float: none; padding-top: 10px; } .talk-left h3 { margin: 0 0 10px 0; font-size: 22px; text-align: center; } .talk-left h4 { font-size: 22px; text-align: center; } .talk-left p { font-size: 22px; text-align: center; } .form-top input { margin-bottom: 10px; width: 100%; margin-left: 0; } .talk-right textarea { margin-top: 0; margin-left: 0; width: 100%; margin-bottom: 10px; } #tishi { margin-left: 0; } .talk-btn { position: static; margin: 10px 0 0 0px; width: 100%; } .talk-right { padding: 40px 0 10px; width: 100%; } .talk-right form { width: 100%; /* display: ; */ } .form-top { width: 100%; } .anli { height: auto; } .anli-tit { position: static; text-align: center; margin-top: 15px; } .map-wrapper { margin-top: 40px; width: 100%; float: none; } .map-box { width: 100% !important; height: 250px !important; } .map-box .jsmap-svg-container { width: 100% !important; height: 250px !important; /* height: auto!important; */ } .map-box svg { position: absolute !important; /* left: 50%; */ top: -115px; transform: scale(.5) translate(-26%); } .map-tab { margin: 0 auto; float: none; width: 100%; } .map-tab li { margin: 0 auto; width: 100%; } .map-tab dl dd { width: 40%; } .map-tab dd p { width: 100%; } .map-tab dl img { width: 100%; } .anli-btn { position: static; justify-content: center; padding: 20px 0; } .anli-btn>div:first-child { margin-left: 0; } .footer-compoty { height: auto; padding-bottom: 10px; } .footer-logo { display: block; margin-left: 12px; } .footer-logo img { width: 95px; height: auto; } .footer-box { max-width: 100%; padding-left: 30px; padding-top: 0; background-size: 26px 21px !important; /* display: flex; */ } .footer-top { display: block; position: relative; } .footer-box h3 { font-size: 14px; line-height: 2; /* width: 25%; */ /* display: flex; */ /* justify-content: center; */ /* align-items: center; */ } .footer-box p { width: 70%; } .footer-box p, .footer-box p span { font-size: 14px; line-height: 2; } .footer-logo:after { display: none; } .copyright { display: none; } #certify1 .swiper-slide img,#certify2 .swiper-slide img ,#certify3 .swiper-slide img { height: 423px; } #certify1 .swiper-slide,#certify2 .swiper-slide ,#certify3 .swiper-slide { height: 423px; } .honnor-lunbo { height: 423px; margin-bottom: 40px; } .er { position: absolute; bottom: 0px; right: 0px; display: none; } #wrapper { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; padding-left: 0; transition: all 0.5s ease; } #wrapper.toggled { padding-left: 220px; } .navbar-inverse { /* background-color: #222; */ border-color: #080808; } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; /* left: 0; z-index: 1030; */ } .navbar { /* position: relative; */ min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .sidebar-nav { list-style: none; margin: 0; padding: 0; position: absolute; top: 0; width: 220px; padding-top: 59px; height: 100%; background: #1a1a1a; } #wrapper.toggled #sidebar-wrapper { width: 220px; } #wrapper.toggled #page-content-wrapper { margin-right: -220px; position: absolute; } #sidebar-wrapper { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: #1a1a1a; height: 100%; left: 218px; margin-left: -220px; overflow-x: hidden; overflow-y: auto; transition: all 0.5s ease; width: 0; z-index: 2000; } #sidebar-wrapper::-webkit-scrollbar { display: none; } #page-content-wrapper { /* padding-top: 40px; */ width: 100%; } .overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; /* background-color: rgba(0, 0, 0, 0.4); */ z-index: 1; } .sidebar-nav>.sidebar-brand { font-size: 20px; height: 65px; line-height: 44px; } .sidebar-nav li { display: inline-block; /* line-height: 20px; */ position: relative; width: 100%; } /* .sidebar-nav li a { color: #dddddd; display: block; padding: 10px 15px 10px 30px; text-decoration: none; } */ .nav>li>a { position: relative; /* display: block; padding: 10px 15px; */ } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .sidebar-nav .dropdown-menu { background-color: #222222; border-radius: 0; border: none; box-shadow: none; margin: 0; padding: 0; position: relative; width: 100%; } .dropdown-header { display: block; /* padding: 3px 0px; */ font-size: 14px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-header a{ /* font-weight: bold!important; */ color: #2C91DF!important; } .sidebar-nav li a { color: #dddddd; display: block; padding: 10px 15px 10px 30px; text-decoration: none; } .dropdown-menu>li>a { /* display: block; padding: 3px 20px; */ clear: both; font-weight: normal; line-height: 1.42857143; /* color: #333; */ white-space: nowrap; padding-left: 48px; } #page-content-wrapper { /* padding-top: 40px; */ width: 100%; } .hamburger { background: transparent; border: none; display: block; height: 32px; margin-left: 15px; position: fixed; top: 12px; width: 32px; z-index: 1999; } .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom { height: 4px; left: 0; position: absolute; width: 100%; } .hamburger.is-closed .hamb-top { -webkit-transition: all 0.35s ease-in-out; background-color: rgba(255, 255, 255, 0.7); top: 5px; } .hamburger.is-closed .hamb-middle { background-color: rgba(255, 255, 255, 0.7); margin-top: -2px; top: 50%; } .hamburger.is-closed .hamb-bottom { -webkit-transition: all 0.35s ease-in-out; background-color: rgba(255, 255, 255, 0.7); bottom: 5px; } /* .hamburger.is-closed:before { -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all 0.35s ease-in-out; color: #ffffff; content: ''; display: block; font-size: 14px; line-height: 32px; opacity: 0; text-align: center; width: 100px; } */ .hamburger.is-open .hamb-top { -webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #ffffff; margin-top: -2px; top: 50%; } .hamburger.is-open .hamb-middle { background-color: #ffffff; display: none; } .hamburger.is-open .hamb-bottom { -webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #ffffff; margin-top: -2px; top: 50%; } .open>.dropdown-menu { display: block; } .sidebar-nav li:before { background-color: #1c1c1c; content: ''; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; width: 3px; /* z-index: -1; */ } .sidebar-nav li:before { background-color: #64468f; } .sidebar-nav li:hover:before { -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; width: 100%; } #wrapper { display: block; } .media-logo{ width: 100%; height: 60px; background: rgba(0,0,0,0.1); text-align: right; line-height: 60px; position: fixed; z-index: 1999; top: 0; display: block; /* padding-right: 15px; */ } .media-logo>img{ height: 36px; float: right; margin-top: 12px; } .ml-icon { display: block; width: 100%; height: 100%; text-align: center; background: lavenderblush; } .ml-icon img{ display: inline-block; vertical-align: middle; } .media-logo .language-ul{ width: 100%; height: auto; position: absolute; top: 60px; display: none; } .media-logo .language-ul li{ line-height: 60px; background: #fff; margin: 0; border-bottom: 1px solid #eee; } .media-logo .language-ul li a{ text-align: center; } .media-language{ width: 80px; height: 60px; float: right; position: relative; } .friends .swiper-slide{ width: 127px!important; } .friends-box{ margin-top: 40px; } .friends .swiper-button-next{ display: none; } .friends .swiper-button-prev{ display: none; } /* 鍏充簬鎴戜滑 */ .about-bg{ height: 140px!important; background-size: cover!important; margin-top: 60px; } .about-tit h3{ font-size: 30px; } .about-tit p{ font-size: 30px; } .present{ margin-top: 20px; } .present-left{ float: none; width: 100%; } .present-right{ float: none; width: 100%; } .present-lunbo{ height: 200px; margin-bottom: 20px; } .present-right h3{ font-size: 22px; } .culture{ margin-top: 20px; display: none; } .develop-bg{ background: no-repeat; padding-top: 130px; min-height: 1300px; } .develop-small-bg{ margin-top: -90px; } .develop-bg-top{ top: 30px; } .develop-year{ color: #2C91DF; font-size: 30px; } .develop-part{ width: 100%!important; height: 181px!important; } .develop-part a{ width: 181px; float: left; } .develop-part p{ width: auto; height: 100%; display: block; margin-top: 0; padding-left: 10px; line-height: 1.3; -webkit-line-clamp: 10; } .develop-2000{ top: 130px!important; left: 0!important; } .part-2000{ top: 180px!important; left: 0!important; } .develop-2005{ top: 375px!important; left: 0!important; } .part-2005{ top: 420px!important; left: 0!important; } .develop-2008{ top: 615px!important; left: 0!important; } .part-2008{ top: 660px!important; left: 0!important; } .develop-2015{ top: 855px!important; left: 0!important; } .part-2015{ top: 900px!important; left: 0!important; } .develop-2019{ top: 1100px!important; left: 0!important; } .part-2019{ top: 1140px!important; left: 0!important; } .develop{ padding-bottom: 40px; } .son-lun{ display: none; } .meadia-son-lun{ display: block!important; } .meadia-son-lun .swiper-slide{ width: 100%; margin-bottom: 50px; } .meadia-son-lun .son-img{ width: 100%; height: auto; } .meadia-son-lun .son-img img{ width: 100%; height: auto; margin: 0 auto; } .meadia-son-lun .son-main h3{ text-align: center; } .meadia-son-lun .company-name{ top: -20px; } .son-company{ height: auto; padding-bottom: 20px; } .son-company-top{ margin-bottom: 50px; } .socail{ margin-top: 40px; } .about-socail .socail-img{ height: 160px; } .socail-img{ height: 160px; } .socail-time{ padding: 5px 0; width: 40px; height: 40px; } .socail-time span{ font-size: 12px; } .socail-lunbo1 .swiper-button-next{ display: none; } .socail-lunbo1 .swiper-button-prev{ display: none; } .socail-lunbo1 h3{ font-size: 20px; margin: 10px 0; } .socail-more{ float: none; margin: 10px auto; } /* 鏂伴椈涓績 */ .news-lunbo .news-lunbo1, .news-lunbo .news-lunbo2{ width: 100%; float: none; margin-bottom: 20px; } .news .socail-img{ height: 160px; } .news .socail-img img{ /* height: 160px; */ } .news-lunbo h3{ margin: 0 0 10px 0; font-size: 20px; } .news .swiper-button-next,.news .swiper-button-prev{ display: none; } .hq-main{ width: 100%; } .list-main{ padding-right: 15px; } .hq-video{ width: 100%; margin-top: 40px; } .list-main>a{ width: 100px; margin-top: 8px; } /* .list-main>div{ flex: 1; } */ .list-main>a img{ width: 100px; height: 100px; } .list-main p{ line-height: 1.4; } /* 鑽h獕璇佷功 */ .honorary{ margin-top: 20px; margin-bottom: 40px; } .honorary-left{ float: none; width: 100%; } .honorary-right{ float: none; width: 100%; } .honorary-book{ display: block; } .honorary-book a{ width: 80%; margin: 8px auto; } .new-news{ display: none; } .company-info{ display: none; } /* 鏂伴椈璇︽儏 */ .article-main h3{ font-size: 20px; margin-top: 20px; } .article-small{ flex-wrap: wrap; } .article-small h4{ width: 100%; margin: 2px 0; } .article-small span,.article-small em{ float: none; display: inline-block; } .article-page{ display: block; } .article-prev, .article-next{ width: 100%; margin-bottom: 10px; max-width: 100%; } /* 浜у搧椤甸潰 */ .pdt-book { display: block; } .pdt-book a { width: 80%; margin: 8px auto; } /* 浜у搧璇︽儏 */ .product-main{ margin-top: 40px; } .product-show{ padding: 5px; } .product-img{ width: 100%; float: none; } .product-jieshao{ width: 100%; float: none; margin-top: 20px; font-size: 20px; } .product-list img{ height: 100%; } .product-tuijian{ width: 100%; float: none; } .tj-box{ display: none; } .pro-box{ width: 100%; float: none; margin-top: 10px; } .product-bg{ overflow-x: hidden; } .product-online,.product-buy{ width: 50%; display: inline-block; margin: 0; } .pro-head span:first-child{ width: 40%; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pro-head span:last-child{ width: 60%; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 宸ョ▼妗堜緥 */ .anli-list{ display: block; } .anli-list a{ width: 80%; margin: 5px auto; } .anli-list img{ width: 98%; height: 98%; margin: 0 auto; } /* 鍏充簬鎴戜滑浜岀骇椤甸潰 */ .ac-header a{ width: 100%; float: none; } .ac-header{ margin-top: 40px; } .ac-header-right{ width: 100%; } .develop-company .develop-part{ height: 135px!important; } .develop-company .develop-part a{ width: 134px; } .develop-company .develop-part p{ line-height: 1.4; } .develop-company .develop-2019{ top: 1070px!important; } .develop-company .develop-2015{ top: 825px!important; } .develop-company .develop-2008{ top: 588px!important; } .develop-company .develop-2005{ top: 345px!important; } .develop-company .develop-2000{ top: 100px!important; } /* 鍏充簬鎴戜滑 涓嬪睘鍏徃 */ .about-son-ul li{ margin: 20px auto; width: 100%; } /* 鍏充簬鎴戜滑 瑙嗛閮ㄥ垎 */ .about-video{ margin-top: 20px; } .about-video-ul li{ width: 100%; } /* 浜哄姏璧勬簮 浜烘墠鍩瑰吇 */ .children-education{ margin-top: 20px; } .children-education span:after,.children-education span:before{ display: none; } /* 浜哄姏璧勬簮 鍛樺伐椋庨噰 */ .children-presence{ margin-top: 40px; } .presence-tit{ display: block; margin-bottom: 5px; } .children-presence li p{ -webkit-line-clamp:3; } /* 浜哄姏璧勬簮 鑱屼綅鎷涜仒 */ .children-recruit{ margin-top: 20px; } .children-recruit-ul li{ margin: 7px auto; } /* 鍏充簬鎴戜滑 鍚勫湴 */ .cp-tit,.cp-ul li{ font-size: 14px; } .cp-tit{ height: 60px; } .cp-tit span{ line-height: 60px; } .contact-places{ margin-top: 40px; } /* 鍏充簬鎴戜滑 瀹㈡埛鐣欒█ */ .cf-card{ display: none; } .cu-top{ display: block; } .cu-name,.cu-company,.cu-phone{ width: 100%; margin-bottom: 10px; } .cu-bottom input{ width: 40%; } .yanzhengma{ width: 40%; } #changeImg{ width: 10%; } .cu-box button{ float: none; margin-top: 20px; width: 100%; margin-left: 0; } /* 钀ラ攢鏈嶅姟 涓嬭浇涓績 */ .market-download li{ width: 100%; } .market-download { margin-top: 40px; } .akl-password{ background: none!important; } .ap-box{ width: 100%; } .ap-img{ display: none; } .ap-right{ display: none; } /* 钀ラ攢鏈嶅姟 涓嬭浇璇︽儏 */ .download-lunbo .lunbo-1{ width: 100%; padding: 0; } .download-lunbo .swiper-slide{ width: 100%!important; } .download-lunbo .swiper-button-next, .download-lunbo .swiper-button-prev{ display: none; } .download-tips{ display: block; text-align: center; } .file-time{ margin: 10px 0; } .download-main{ margin-top: 20px; } .specal-develop{ margin-top: -35px!important; } .loading{ font-size: 18px; } .loading img{ display: block; margin: 0 auto; margin-bottom: 20px; width: 90%; } /* 鎷涜仒 */ .zhaopin label{ width: auto; } .zhaopin input[type=text]{ width: 100%; margin-left: 0; } .zhaopin input[type=date]{ width: 100%; margin-left: 0; } .zhaopin textarea{ margin-left: 0; width: 100%; } .must-buy .must-buy-box{ width: 100%; } .must-buy .must-buy-box>h2{ margin-top: 10px; font-size: 18px; } .must-buy .cu-top input{ height: 35px; } .must-buy .cu-middle textarea{ height: 100px; } .must-buy .close{ z-index: 111; top: 10px; right: 20px; } /* 鍙垹 */ .honorary-right>img{ display: none; } /* 鍙垹 */ .events{ margin: 20px 0; } .events-line{ display: none; } .timeline-item{ padding: 0 10px; margin-bottom: 20px; } .timeline-item .timeline-icon{ display: none; } .timeline-item .timeline-content{ width: 100%; } .izl-rmenu{ display: none; } .index-yanipt{ position:static; width: 50%; } .index-yzm{ float: right; position:static; width: 47%; } .list-main h3{ flex-direction: column; align-items: baseline; } .list-main h3 a{ width: 100%; margin-bottom: 5px; } .list-main h3 span{ width: auto; } .introduct-lunbo iframe{ height: 200px; } }