media.css 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459
  1. @charset "UTF-8";
  2. /*头部*/
  3. .mheader{position:relative;z-index:99;display:none}
  4. .mheader.scroll-down .mheader-content{top:-100px}
  5. .mheader.scroll-top .mheader-content,.mheader.scroll-top .mheader-content{top:0px;background:#fff}
  6. .open-menu{height:100%}
  7. .open-menu body{overflow:hidden;height:100%}
  8. .mheader.scroll-down .menu-toggle span.nav-open,.mheader.scroll-down .menu-toggle span.nav-open:after,.mheader.scroll-down .menu-toggle span.nav-open:before,.mheader.scroll-down .menu-toggle span.nav-close:before,.mheader.scroll-down .menu-toggle span.nav-close:after,.mheader.scroll-top .menu-toggle span.nav-open,.mheader.scroll-top .menu-toggle span.nav-open:after,.mheader.scroll-top .menu-toggle span.nav-open:before,.mheader.scroll-top .menu-toggle span.nav-close:before,.mheader.scroll-top .menu-toggle span.nav-close:after{background:#000 !important}
  9. @media screen and (max-width: 1680px) {
  10. /*公司概况*/
  11. #about .develop-box .prevNext-box .prev,#about .develop-box .prevNext-box .next {width:50px;height:50px;line-height:50px;}
  12. #about .develop-box .prevNext-box .prev {left:0;background-image:url(../images/ml.png);}
  13. #about .develop-box .prevNext-box .next {right:0;background-image:url(../images/mr.png);}
  14. #about .develop-box .prevNext-box {width:92.5%;}
  15. }
  16. @media screen and (max-width: 1440px) {
  17. /*头部*/
  18. .header .header-content {width: 90%;height: 70px;}
  19. .header .header-content .header-nav li a.nav {line-height: 70px;}
  20. /*首页Banner*/
  21. .in-banner .swiper-wrapper .swiper-slide .title-box .big {font-size: 40px;margin-bottom: 15px;}
  22. .in-banner .swiper-wrapper .swiper-slide .title-box .small {font-size: 20px;margin-bottom: 40px;}
  23. .in-banner .swiper-wrapper .swiper-slide .title-box .banner-more {width: 150px;height: 42px;line-height: 42px;}
  24. .in-banner .swiper-wrapper .swiper-slide .title-box .banner-more p {font-size: 14px;}
  25. .in-banner .banner-next img, .in-banner .banner-prev img {width:26px;}
  26. .in-banner .swiper-pagination {bottom: 30px;}
  27. /*首页最新产品*/
  28. .in-product {padding: 50px 0 30px;}
  29. .in-product .product-title {font-size: 24px;line-height: 24px;margin-bottom: 30px;}
  30. .in-product .product-wrapper .product-item .product-des h4 {font-size: 20px;}
  31. .in-product .product-wrapper .product-item .product-des h6 {font-size: 14px;margin: 0 0 24px 0;}
  32. .in-product .product-wrapper .product-item .product-des span {font-size: 14px;}
  33. .in-product .product-wrapper .product-item .product-des span img {width: 12px;}
  34. /*首页简介*/
  35. .in-company {padding: 50px 0 60px;}
  36. .in-company .left{width:calc(50% - 50px)}
  37. .in-company .left .company-title {font-size: 24px;line-height: 24px;margin-bottom: 60px;}
  38. .in-company .left .roll .sum {margin-bottom: 20px;}
  39. .in-company .left .introduce{padding:30px 0 0;}
  40. .in-company .left .introduce p {font-size: 14px;}
  41. .in-company .left .introduce span{font-size:20px;}
  42. /*首页新闻中心*/
  43. .in-news {padding: 50px 0 60px;}
  44. .in-news .news-wrapper .news-name {margin-bottom: 30px;}
  45. .in-news .news-wrapper .news-name .news-title {font-size: 24px;line-height: 24px;}
  46. .in-news .news-wrapper .news-content .news-latest {height: 400px;}
  47. .in-news .news-wrapper .news-content .news-list {padding: 40px 12% 40px 4%;height: 400px;}
  48. .in-news .news-wrapper .news-content .news-list .news-item {padding-bottom: 50px;}
  49. .in-news .news-wrapper .news-content .news-list .news-item .news-title {font-size: 20px;}
  50. /*底部*/
  51. .footer .footer-wrapper {padding: 60px 0 36px;}
  52. .footer-nav dd a {font-size: 14px;}
  53. .footer-bottom {padding: 30px 0;}
  54. }
  55. @media screen and (max-width: 1366px){
  56. /*首页最新产品*/
  57. .in-product .product-wrapper .product-item .product-des h6 {margin: 0 0 15px 0;}
  58. /*底部*/
  59. .footer .foot-tops .container .left-nav .items-box .items {width: 140px;}
  60. .footer .foot-tops .container .left-nav .items-box .items .item{margin-bottom: 10px;}
  61. /*解决方案*/
  62. #cases .solution-items .items .item .info .desc {font-size:14px;line-height:24px;height:auto;}
  63. #cases .solution-items .items .item .info .tt {font-size:22px;line-height:28px;}
  64. #cases .solution-items .items .item {padding:20px;}
  65. #cases .solution-items .items .item .info {padding-left:20px;}
  66. /*公司概况*/
  67. #about .about-box .about-title {font-size:24px;line-height:24px;padding:30px 0;}
  68. #about .about-box .desc-box .video-box {width:46.5%;}
  69. #about .about-box .desc-box .info-box {width:50%;}
  70. #about .about-box {padding:0 30px 30px;}
  71. #about .about-box .desc-box .info-box .info {font-size:14px;}
  72. #about .about-box .desc-box .info-box .more {margin-top:20px;}
  73. #about .about-box .culture-box .items .text-box .title .cn {font-size:14px;line-height:20px;}
  74. #about .about-box .culture-box .items .text-box i {font-size:40px;}
  75. #about .about-box .culture-box .items .text-box .title {margin-top:10px;}
  76. #about .about-box .culture-box .items .text-box .txt {font-size:16px;margin-top:10px;}
  77. #about .about-box .develop-banner .swiper-slide .year span {font-size:24px;line-height:24px;}
  78. #about .about-box .develop-banner .swiper-slide .desc {margin:10px 0;}
  79. /*荣誉资质*/
  80. #honor .honor-box .item {padding:15px;}
  81. #honor .honor-box .item .info {padding-top:15px;}
  82. #honor .honor-cover .pic-box {width:300px;padding:20px;left:calc(50% - 150px);}
  83. /*地图*/
  84. .BMapLabel .map-info {height:70px;}
  85. .BMapLabel {left:-200px !important;top:-95px !important;}
  86. .BMapLabel .map-info .info {width:340px;padding:10px;}
  87. .BMapLabel .map-info .info .t2 {font-size:14px;}
  88. .BMapLabel .map-info .gps-box {width:70px;}
  89. .BMapLabel .map-info .gps-box i {font-size:22px;}
  90. }
  91. @media screen and (max-width: 1024px) {
  92. ul.pagination {margin-bottom: 30px;}
  93. .container{width:100%;padding:0 3%;overflow-x: auto;overflow-y: hidden;}
  94. /*栏目Banner*/
  95. #bann{height:300px;padding-top:120px;}
  96. #bann .t1{font-size:24px;}
  97. #bann .t2{font-size:14px;}
  98. /*第二导航*/
  99. .nav_phone.hide{display:block !important}
  100. .nav_pc.hide{display:none !important}
  101. .nav_phone{line-height:60px;background:#fff;border-bottom:1px solid #E6E6E6}
  102. .nav_phone p{display:inline-block;font-size:16px;color:#333}
  103. .nav_phone p::after{content:'>';display:inline-block;margin:0 10px}
  104. .nav_phone p:last-child::after{display:none}
  105. .nav_phone p a{color:inherit}
  106. /*头部*/
  107. .header{display:none!important}
  108. .mheader{display:block !important}
  109. .mheader .mheader-content{height:50px;position:fixed;left:0;top:0;z-index:93;width:100%;overflow:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
  110. .mheader .mheader-content ul{height:50px;position:relative;padding:0 3%;margin:0}
  111. .mheader .mheader-content .mlogo .img1{display:block}
  112. .mheader .mheader-content .mlogo .img2{display:none}
  113. .mheader.scroll-top .mheader-content .mlogo .img1{display:none}
  114. .mheader.scroll-top .mheader-content .mlogo .img2{display:block}
  115. .mheader .mheader-content .mlogo{top:50%;position:absolute;z-index:94;display:block;width:132px;height:30px;margin-top:-10px;-webkit-transition:none;-moz-transition:none;transition:none}
  116. .menu-bg .mheader .mheader-content .menu-toggle span.nav-open,.menu-bg .mheader .mheader-content .menu-toggle span.nav-open::after,.menu-bg .mheader .mheader-content .menu-toggle span.nav-open::before,.menu-bg .mheader .mheader-content .menu-toggle span.nav-open,.menu-bg .mheader .mheader-content .menu-toggle span.nav-open::after,.menu-bg .mheader .mheader-content .menu-toggle span.nav-open::before,.menu-bg .mheader .mheader-content .menu-toggle span.nav-close::before,.menu-bg .mheader .mheader-content .menu-toggle span.nav-close::after,.open-menu .mheader .mheader-content .menu-toggle span.nav-close::after,.open-menu .mheader .mheader-content .menu-toggle span.nav-close::before{background:#fff}
  117. .open-menu .mheader .mheader-content .menu-toggle span.nav-open,.open-menu .mheader .mheader-content .menu-toggle span.nav-open:after,.open-menu .mheader .mheader-content .menu-toggle span.nav-open:before{transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px)}
  118. .open-menu .mheader .mheader-content .menu-toggle span.nav-open,.open-menu .mheader .mheader-content .menu-toggle span.nav-open:after,.open-menu .mheader .mheader-content .menu-toggle span.nav-open:before{-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px)}
  119. .open-menu .mheader .mheader-content .menu-toggle span.nav-open:after{transition-delay:0s}
  120. .open-menu .mheader .mheader-content .menu-toggle span.nav-open:before{transition-delay:0.07s}
  121. .open-menu .mheader .mheader-content .menu-toggle span.nav-close:before{transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
  122. .open-menu .mheader .mheader-content .menu-toggle span.nav-close:after{transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important}
  123. .mheader .mheader-content .menu-toggle{display:block;width:50px;height:50px;position:absolute;right:0px;top:0px;z-index:9999}
  124. .mheader .mheader-content .menu-toggle .nav-trigger{width:100%;height:100%;display:block}
  125. .mheader .mheader-content .menu-toggle span.nav-open,.mheader .mheader-content .menu-toggle span.nav-open:after,.mheader .mheader-content .menu-toggle span.nav-open:before{content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s}
  126. .mheader .mheader-content .menu-toggle span.nav-open,.mheader .mheader-content .menu-toggle span.nav-open:after,.mheader .mheader-content .menu-toggle span.nav-open:before{content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s}
  127. .mheader .mheader-content .menu-toggle span.nav-open:after{margin-top:-7px;top:0;transition-delay:0.27s}
  128. .mheader .mheader-content .menu-toggle span.nav-open:before{margin-top:7px;top:0;transition-delay:0.2s}
  129. .mheader .mheader-content .menu-toggle span.nav-close:before,.mheader .mheader-content .menu-toggle span.nav-close:after{content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s}
  130. .mheader .mheader-content .menu-toggle span.nav-close:after{transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg)}
  131. .mheader .mheader-content .menu-toggle span.nav-close:after{-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg)}
  132. .mheader .nav-container{background-color:#1a1a1a;position:fixed;z-index:91;top:0px;right:0;padding:90px 20px 0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 0.4s 0s,box-shadow 0s 0.4s;-moz-transition:-moz-transform 0.4s 0s,box-shadow 0s 0.4s;transition:transform 0.4s 0s,box-shadow 0s 0.4s}
  133. .mheader .nav-container.is-visible{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-overflow-scrolling:touch}
  134. .mheader .nav-container .nav-wrapper .onenav{margin:0;padding:0}
  135. .mheader .nav-container .nav-wrapper .onenav li{width:100%;overflow:hidden;position:relative;border-bottom:#313131 1px solid}
  136. .mheader .nav-container .nav-wrapper .onenav a{width:75%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;display:inline-block;color:#fff;font-size:16px;line-height:60px;height:60px;text-align:left;font-weight:bold}
  137. .mheader .nav-container .nav-wrapper .onenav li a.curr{color:#0f6ab4}
  138. .mheader .nav-container .nav-wrapper .onenav li div.twonav{float:right;height:60px;width:25%;background:url(../images/right.png) right center no-repeat;background-size:22%}
  139. .mheader .nav-container .nav-wrapper .onenav li ul div ul li a:last-child{border:none}
  140. .open-menu .mheader-content{background-color:#1a1a1a}
  141. .mheader .nav-container .nav-wrapper .nav-inner{display:none;width:90%;margin:0px auto;padding:10px 0;position:relative}
  142. .mheader .nav-container .nav-wrapper .nav-inner a{border-bottom:none;position:relative;display:inline-block;width:75%;font-size:15px;color:#cccccc;height:50px;line-height:50px}
  143. .mheader .nav-container .nav-wrapper .nav-inner a:hover{background:none;color:#0f6ab4}
  144. .mheader .nav-container .nav-wrapper .nav-inner div.threenav{width:25%;height:50px;float:right;background:url(../images/right.png) right center no-repeat;background-size:16%}
  145. .mheader .nav-container .nav-wrapper .nav-inner .shownav-c{position:relative;width:100%;height:0px;overflow:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
  146. .mheader .nav-container .nav-wrapper .nav-inner .shownav-c.cur{height:auto}
  147. .mheader .nav-container .nav-wrapper .nav-inner .shownav-c ul{list-style:none;margin:auto;padding:0;display:block;width:90%;height:100%}
  148. .mheader .nav-container .nav-wrapper .nav-inner .shownav-c ul li{list-style:none;margin:0;padding:0;display:block;width:100%}
  149. .mheader .nav-container .nav-wrapper .nav-inner .shownav-c ul li a{font-weight:bold;position:relative;display:inline-block;width:75%;height:50px;line-height:50px;text-align:left;font-size:14px;color:#999999;margin:0px auto;text-transform:uppercase;padding:0}
  150. .mheader .nav-container .nav-wrapper .nav-inner .shownav-d{padding:10px;width:90%;margin:auto;display:none}
  151. .mheader .nav-container .nav-wrapper .nav-inner .shownav-d.cur{display:block}
  152. .mheader .nav-container .nav-wrapper .nav-inner .shownav-d a{display:block;color:#999!important;height:40px!important;line-height:40px!important;font-size:14px!important;width:90%!important;border:none!important}
  153. .mheader .nav-container .nav-wrapper .nav-inner .shownav-d a::after{display:none!important}
  154. .mheader .mheader-content .header-search{margin-right: 60px;position: absolute;right: 0px;top: 25%;}
  155. .mheader .mheader-content .header-search .msearch1{display:block}
  156. .mheader .mheader-content .header-search .msearch2{display:none}
  157. .mheader.scroll-top .mheader-content .header-search .msearch1{display:none}
  158. .mheader.scroll-top .mheader-content .header-search .msearch2{display:block}
  159. .search-box .search-form{width: 94%;height: 60px;}
  160. .search-box .search-form .search-text{padding: 15px 10px;width: calc(100% - 60px);font-size: 16px;}
  161. .search-box .search-form .search-submit {width: 60px;height: 60px;}
  162. /*首页Banner*/
  163. .in-banner{height:460px}
  164. .in-banner .swiper-wrapper .swiper-slide video{display: none;}
  165. .in-banner .swiper-wrapper .swiper-slide .title-box{width:94%;box-sizing:border-box;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 5%}
  166. .in-banner .swiper-wrapper .swiper-slide .title-box .big{margin-bottom:15px;width:90%;font-size:28px;line-height:36px}
  167. .in-banner .swiper-wrapper .swiper-slide .title-box .small{font-size:16px;line-height:24px;margin-bottom:30px}
  168. .in-banner .swiper-pagination{bottom:30px}
  169. .in-banner .banner-prev{left:3%;display:none}
  170. .in-banner .banner-next{right:3%;display:none}
  171. .in-banner .banner-next img,.in-banner .banner-prev img{width:20px;height:auto}
  172. .in-banner .swiper-wrapper .swiper-slide .pimg{display: none;}
  173. .in-banner .swiper-wrapper .swiper-slide .mimg{display: block;width: 100%;height: 460px;object-fit: cover;object-position: center;}
  174. .in-banner .swiper-wrapper .swiper-slide .title-box .banner-more{width:120px;height:36px;line-height:36px}
  175. .in-banner .swiper-wrapper .swiper-slide .title-box .banner-more p{font-size:14px}
  176. /*首页最新产品*/
  177. .in-product{padding:40px 0 20px}
  178. .in-product .product-title{font-size:20px;line-height:20px;margin-bottom:30px}
  179. .in-product .product-wrapper{width:100%;padding:0}
  180. .in-product .product-wrapper .product-item{width:50%;box-shadow:0 6px 17px 0 rgb(0 0 0 / 7%);margin-bottom:15px;max-height:720px}
  181. .in-product .product-wrapper .product-item > div a{height:auto}
  182. .in-product .product-wrapper .product-item a{padding-bottom:calc(31%);overflow:hidden;background-size:cover !important;position:relative;z-index:1;height:100%}
  183. .in-product .product-wrapper .product-item .product-des{position:absolute;bottom:-15px;height:60%}
  184. .in-product .product-wrapper .product-item .product-des h4{margin:13% 0 5px 0;font-size:18px;line-height:18px;padding-left:4.347%;color:#000000;margin-bottom:8px !important}
  185. .in-product .product-wrapper .product-item .product-des h6{font-size:16px;padding-left:4.347%;color:#ffffff;margin-bottom:12px}
  186. .in-product .product-wrapper .product-item .product-des span{display:none;font-size:16px}
  187. /*首页简介*/
  188. .in-company{padding:40px 0 40px;background-size: cover;background-position: center center;}
  189. .in-company .left{width:100%}
  190. .in-company .left .company-title{font-size:20px;line-height:20px;margin-bottom:50px}
  191. .in-company .left .roll{margin-bottom:30px}
  192. .in-company .left .roll .sum{margin-bottom:0;font-size:16px;line-height:16px}
  193. .in-company .left .roll .sum span{font-size:24px}
  194. .in-company .left .introduce{padding:0}
  195. .in-company .left .introduce p{font-size:14px}
  196. .in-company .left .introduce span{font-size:18px}
  197. .in-company .right{margin-top:20px}
  198. .in-company .right:before{position:static}
  199. /*首页新闻*/
  200. .in-news{padding:40px 0}
  201. .in-news .news-wrapper .news-name{margin-bottom:30px}
  202. .in-news .news-wrapper .news-name .news-title{font-size:20px;line-height:20px}
  203. .in-news .news-wrapper .news-content .news-latest{width:100%;height: auto;}
  204. .in-news .news-wrapper .news-content .news-latest a{height:auto;padding-bottom:62.5%}
  205. .in-news .news-wrapper .news-content .news-list{width:100%;height:auto;padding:30px 14% 30px 4%}
  206. .in-news .news-wrapper .news-content .news-list .news-item{padding-bottom:30px}
  207. .in-news .news-wrapper .news-content .news-list .news-item .news-title{margin-top:15px;font-size:18px}
  208. .in-news .news-wrapper .news-content .news-list .news-item .news-msg{font-size:14px;margin:10px 0 -4px;height:auto;text-overflow:ellipsis;white-space:nowrap}
  209. .in-news .news-wrapper .news-content .news-list .news-item .news-link{display:none}
  210. /*返回顶部*/
  211. .sidebar{display: none;}
  212. /*底部*/
  213. .footer{display:none}
  214. .mfooter{display:block;background:#181818;color:#AAAAAA}
  215. .mfooter .mfooter-top{padding:30px 0;background:#333}
  216. .mfooter .mfooter-top .mfooter-code-tel img{float:left}
  217. .mfooter .mfooter-top .mfooter-code-tel .telephone{float:left;padding:12px 0px 0px 20px}
  218. .mfooter .mfooter-top .mfooter-code-tel .telephone p{color:#999;font-size:14px;padding-bottom:5px}
  219. .mfooter .mfooter-top .mfooter-code-tel .telephone span{color:#fff;font-size:20px}
  220. .mfooter .mfooter-top .mfooter-address{color:#999;font-size:14px;line-height:22px;clear:both;padding-top:30px}
  221. .mfooter .mfooter-bottom .mfooter-icp{margin-right:4px}
  222. .mfooter .mfooter-bottom{display:block;padding:10px 0;font-size:12px;text-align:center;line-height:1.6em}
  223. /*产品中心*/
  224. #product .pro-list {margin: 30px 0 20px;}
  225. #product .pro-list .item {width:49%;}
  226. #product .pro-list .item .info {padding:0.6rem;}
  227. #product .pro-list .item .info .t1 {font-size:14px;}
  228. #product .pro-list .item .info .t2 {font-size:12px;}
  229. #product .pro-list .item:nth-of-type(3n) {margin-right:2%;}
  230. #product .pro-list .item:nth-of-type(2n) {margin-right:0;}
  231. /*产品中心详情*/
  232. #product_dt .product-detail {margin: 30px 0;}
  233. #product_dt .product-detail .tops-box {flex-wrap:wrap;}
  234. #product_dt .product-detail .tops-box .banner {width:100%;}
  235. #product_dt .product-detail .tops-box .banner .swiper-pagination-pro {bottom:-15px;}
  236. #product_dt .product-detail .tops-box {padding:0.6rem;}
  237. #product_dt .product-detail .tops-box .info-box {padding-left:0;width: 100%;}
  238. #product_dt .product-detail .tops-box .info-box .title-box {padding-top:1.2rem;}
  239. #product_dt .product-detail .tops-box .info-box .title-box .t1 {font-size:16px;}
  240. #product_dt .product-detail .tops-box .info-box .title-box .t2 {font-size:14px;line-height:24px;margin-top:0.3rem;}
  241. #product_dt .product-detail .tops-box .info-box .desc {height:auto;margin-top:20px;font-size:14px;line-height:20px;}
  242. #product_dt .product-detail .tops-box .info-box .bottoms {margin-top:1.2rem;}
  243. #product_dt .product-detail .tops-box .info-box .bottoms .query {width:120px;height:40px;line-height:40px;font-size:14px;}
  244. #product_dt .product-detail .pro-cont .pro-nav {height:40px;padding:0 0.6rem;display:flex;align-items:center;}
  245. #product_dt .product-detail .pro-cont .pro-nav .item {line-height:40px;margin-right:0;padding:0 0.5rem;font-size:14px;}
  246. #product_dt .product-detail .pro-cont .content {padding:0.6rem;}
  247. #product_dt .product-detail .pro-cont #cont01.content,#product_dt .product-detail .pro-cont #cont02.content {width: 100%;}
  248. #product_dt .product-detail .pro-cont .content .download-item {width:100%;height:auto;}
  249. #product_dt .product-detail .pro-cont .content .download-item .info {width:75%;padding:0.6rem;}
  250. #product_dt .product-detail .pro-cont .content .download-item .download {width:60px;flex-shrink:0;height:100%;}
  251. #product_dt .product-detail .pro-cont .content .download-item .info .t1 {font-size:14px;}
  252. #product_dt .product-detail .pro-cont .content .download-item .info .t2 {font-size:14px;}
  253. /*解决方案*/
  254. #cases .solution-items .items .item {flex-wrap:wrap;}
  255. #cases .solution-items .items .item .pic {width:100%;}
  256. #cases .solution-items .items .item .info {width:100%;}
  257. #cases .solution-items .items .item .info {padding:1.2rem 0 0 0;}
  258. #cases .solution-items .items .item .info .tt {font-size:16px;line-height:20px;}
  259. #cases .solution-items .items .item .info .more {width:6rem;height:2.0rem;line-height:2.0rem;margin-top:1.2rem;}
  260. #cases .solution-items {margin:30px 0 20px;}
  261. /*解决方案详情*/
  262. #cases_dt .solution-detail {padding:0 0.6rem;margin:0.9rem 0 1.2rem;}
  263. #cases_dt .solution-detail .title {font-size:18px;line-height:28px;padding:0.6rem 0;}
  264. #cases_dt .solution-detail .content {padding:0.6rem 0;}
  265. #cases_dt .solution-detail .detail-bottom {padding:0.6rem 0.6rem 1.2rem;}
  266. #cases_dt .solution-detail .detail-bottom .left .pg {line-height:24px;}
  267. #cases_dt .solution-detail .detail-bottom .left {font-size:14px;}
  268. #cases_dt .detail-bottom {padding:0.6rem;flex-wrap:wrap;}
  269. #cases_dt .detail-bottom .back {margin:0 auto;margin-top:1.2rem;}
  270. /*服务策略*/
  271. #service .policy-box {padding: 20px 10px 10px;margin-top:30px;margin-bottom:30px;}
  272. #service .policy-box .title-box {padding-bottom:0.9rem;}
  273. #service .policy-box .title-box .tt {font-size:20px;line-height:20px;}
  274. #service .policy-box .title-box .desc {font-size:14px;line-height:24px;margin-top:0.6rem;}
  275. #service .policy-box .content .cont {padding-top:1.2rem;font-size:14px;}
  276. #service .policy-box .content .cont .tt {font-size:14px;margin-bottom:0.6rem;}
  277. /*营销网络*/
  278. #market .box{margin-top:30px;margin-bottom:30px;padding:30px 0}
  279. #market .box .boxLeft{padding-left:5%;padding-right:5%;width:100%;border:0;border-bottom:2px solid #eee;padding-bottom:30px}
  280. #market .box .boxLeft ul li{float:left;text-align:left;width:50%}
  281. #market .box .boxLeft ul .active > span{display:none}
  282. #market .box .boxLeft ul li .text{font-size:16px}
  283. #market .box .boxRight{width:100%;padding-left:5%;padding-right:5%;padding-top:30px}
  284. #market .box .boxRight .main .toggMain .bot h6{font-size:18px}
  285. #market .box .boxRight .main .toggMain .bot div{margin-top:30px}
  286. #market .box .boxRight .main .toggMain .bot div p{font-size:14px}
  287. /*资料下载*/
  288. #download .down_1 {margin-top:10px;}
  289. #download .down_1_left {display: none;}
  290. #download .down_1_right {width:100%;}
  291. #download .select {width:100%;}
  292. #download .select select {font-size: 14px;width: 100%;}
  293. #download .down_1_right ul li {width:100%;margin-top: 0.6rem;}
  294. #download .down_2_2_left{background-size: auto 16px;font-size: 14px;margin-left: 15px;padding-left: 25px;}
  295. #download .down_2_2_left2{display: none;}
  296. #download .down_form input{font-size: 14px;}
  297. #download .down_2 {margin-top: 30px;margin-bottom: 30px;}
  298. #download .down_2 ul li.down_2_1 {line-height: 40px;font-size: 16px;}
  299. #download .down_2_1_right {margin-right: 13px;}
  300. #download .down_2_2 {padding: 15px 0px 10px 0px;}
  301. #download .down_2_2_right {line-height: 25px;font-size: 14px;padding: 0 15px;}
  302. /*合作伙伴*/
  303. #partner .partner_sec{margin:40px auto}
  304. #partner .partner_list li{width:calc((100% - 10px) / 2);margin-right:10px;margin-top:10px}
  305. #partner .partner_list li:nth-child(6n),#partner .partner_list li:nth-child(5n),#partner .partner_list li:nth-child(4n){margin-right:10px}
  306. #partner .partner_list li:nth-child(2n){margin-right:0px}
  307. #partner .partner_list li:nth-child(4n + 1){clear:none}
  308. #partner .partner_list li:nth-child(2n + 1){clear:both}
  309. #partner .partner_list li:nth-child(-n + 6),#partner .partner_list li:nth-child(-n + 5),#partner .partner_list li:nth-child(-n + 4){margin-top:10px}
  310. #partner .partner_list li:nth-child(-n + 2){margin-top:0px}
  311. /*新闻中心*/
  312. #news .news_con{padding:30px 0px 0px;}
  313. #news .newsbox .artInfo-left{width:100%;}
  314. #news .newslist ul li{width:100%;margin-bottom:20px;padding-bottom:20px;}
  315. #news .newslist ul li .N-note h4{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  316. #news .newslist ul li .N-note p{height:50px;overflow:hidden;margin:10px auto 0;}
  317. #news .newslist ul li a.more{display:none;}
  318. #news .artInfo-left,#news .artInfo-right{width:100%;}
  319. #news .artInfo-action{margin-top:10px;}
  320. #news .artInfo-page{margin-top:30px;}
  321. #news .artInfo-page a {width: 100%;padding: 5px 0;text-align: left !important;}
  322. /*新闻详情*/
  323. #newsdt .news_con{padding:30px 0px 0px;}
  324. #newsdt .newsbox .artInfo-left{width:100%;}
  325. #newsdt .artInfo-left,#newsdt .artInfo-right{width:100%;padding: 2%;}
  326. #newsdt .aiAbout-news{margin-top:20px;}
  327. #newsdt .artInfo-page{margin-top:30px;}
  328. #newsdt .artInfo-page a {width: 100%;padding: 5px 0;text-align: left !important;}
  329. /*公司概况*/
  330. #about .top1 {margin-top: 30px;}
  331. #about .about-box {padding:0 0.8rem 0.8rem;margin-bottom: 30px;}
  332. #about .about-box .about-title {padding:0.8rem 0;font-size:16px;}
  333. #about .about-box .desc-box {flex-wrap:wrap;}
  334. #about .about-box .desc-box .info-box {width:100%;padding-top:0;}
  335. #about .about-box .desc-box .video-box {width:100%;margin-top:0.9rem;}
  336. #about .about-box .culture-box {margin-top:0.4rem;}
  337. #about .about-box .culture-box {flex-wrap:wrap;}
  338. #about .about-box .culture-box .items.left {width:100%;margin-bottom:5px;}
  339. #about .about-box .culture-box .culture {width:100%;}
  340. #about .about-box .culture-box .culture .items {width:100%;margin-right:0;margin-bottom:5px !important;}
  341. #about .develop-box .prevNext-box .prev,#about .develop-box .prevNext-box .next {width:1.5rem;height:1.5rem;line-height:1.5rem;background-size:100%;}
  342. #about .about-box .develop-banner .swiper-slide {width:48% !important;}
  343. #about .about-box .develop-banner .swiper-slide .year span {font-size:16px;line-height:20px;}
  344. #about .about-box .develop-banner .swiper-slide .desc {font-size:12px;line-height:20px;margin-top:0.2rem;margin-bottom:5px;}
  345. #about .about-box .desc-box .video-box .play-box {text-align:center;}
  346. #about .about-box .desc-box .video-box .play-box i {font-size:32px;}
  347. #about .about-box .desc-box .video-box .play-box .text {margin-top:5px;font-size:14px;}
  348. .more-cover .info-content {width:90%;left:5%;padding:0.8rem 0.8rem;height:360px;}
  349. .more-cover .info-content .content {font-size:13px;padding-right:0.4rem;}
  350. .more-cover .info-content .close-box {width:1.8rem;height:1.8rem;bottom:-3rem;}
  351. /*荣誉资质*/
  352. #honor .honor-box .item {width:49%;margin-right:2%;margin-bottom:2%;padding:0.6rem;}
  353. #honor .honor-box .item .info {padding-top:0.2rem;font-size:14px;}
  354. #honor .honor-box .item:nth-of-type(2n) {margin-right:0;}
  355. #honor .honor-box {margin-top:30px;margin-bottom: 20px;}
  356. #honor .honor-cover .pic-box .close-box {width:1.8rem;height:1.8rem;bottom:-3rem;}
  357. #honor .honor-cover .pic-box .close-box i {font-size:18px;}
  358. /*加入我们*/
  359. #join .join-box {margin-top:30px;margin-bottom:30px;padding-top:30px;}
  360. #join .join-box .join-nav .item {width:5.2rem;height:1.9rem;line-height:1.9rem;font-size:14px;}
  361. #join .join-box .text {font-size:13px;margin-top:0.6rem;}
  362. #join .join-box .join-select {padding:0 0.6rem 0.6rem;flex-wrap:wrap;}
  363. #join .join-box .join-select .select {width:100%;margin-top:0.6rem;height:2.6rem;}
  364. #join .join-box .join-select .select select {padding-left:0.6rem;width:100%;}
  365. #join .join-box .join-select input {padding-left:0.6rem;width:100%;height:2.6rem;}
  366. #join .join-box .join-select .btn {width:4.6rem;height:2.0rem;line-height:2.0rem;margin-top:0.6rem;}
  367. #join .join-box .join-list {padding:0.6rem 0.6rem;}
  368. #join .join-box .join-list li .recruit-top {padding:0.6rem;flex-wrap:wrap;height:auto;}
  369. #join .join-box .join-list li .recruit-top > div {width:100%;line-height:24px;text-align:left !important;}
  370. #join .join-box .join-list li .recruit-content {padding:0 0.6rem 1.2rem;}
  371. #join .join-box .join-list li .recruit-content .t1 {padding:0.6rem 0;font-size:14px;}
  372. #join .join-box .join-list li .recruit-content .join-in {width:5.2rem;height:2.1rem;line-height:2.1rem;margin-top:0.9rem;}
  373. /*联系我们*/
  374. #contact .contact-box {margin-top: 30px;margin-bottom: 30px;}
  375. #contact .contact-box .map-box {padding:0.6rem;}
  376. #contact .contact-box .map-box #map {height:18rem;}
  377. #contact .contact-box .address-items {flex-wrap:wrap;}
  378. {width:50%;margin-bottom:1.2rem;}
  379. #contact .contact-box .address-items .item i {font-size:24px;}
  380. /*地图*/
  381. .BMapLabel {left:-110px !important;top:-95px !important;}
  382. .BMapLabel .map-info .info .t2 {font-size:12px;}
  383. .BMapLabel .map-info .info {width:220px;padding:0.3rem;}
  384. .BMapLabel .map-info .gps-box {width:50px;}
  385. .BMapLabel .map-info {height:60px;}
  386. .BMapLabel .map-info .gps-box .tt {font-size:12px;margin-top:0.3rem;}
  387. /*客户留言*/
  388. #contact .message-box {padding:0.6rem 0.6rem 1.2rem;margin-top:0.8rem;margin-bottom:0.8rem;}
  389. #contact .message-box .advise-nav .item {width:2rem;height:0.8rem;line-height:0.8rem;}
  390. #contact .message-box .form-box .line {width:100%;height:2.3rem;}
  391. #contact .message-box .form-box .line.has-text {height:6.6rem;}
  392. #contact .message-box .form-box .line input {padding-left:1.0rem;}
  393. #contact .message-box .advise-nav .item {font-size:14px;margin-right:0.2rem;}
  394. #contact .message-box .txt {font-size:14px;}
  395. #contact .message-box .form-box {margin-top:0.9rem;}
  396. #contact .message-box .form-box .line.has-text textarea {padding:0.5rem 1.0rem;}
  397. #contact .message-box .form-box .line.has-star:before {left:0.2rem;top:0.2rem;}
  398. #contact .message-box .form-box .code-box {height:2.3rem;width:100%;}
  399. #contact .message-box .form-box .code-box .line {width:50%;}
  400. #contact .message-box .form-box .code-box .img-box {line-height:2.3rem;width:35%;}
  401. #contact .message-box .form-box .msg-btn {width:7rem;height:2.0rem;line-height:2.0rem;font-size:14px;margin:0 auto;margin-top:1.2rem;}
  402. #contact .message-box .title {font-size:14px;}
  403. #contact .message-box .title span {font-size:18px;line-height:24px;}
  404. /*弹窗投递简历*/
  405. .join-form{width:320px;padding:20px;height:auto}
  406. .join-form .line input{width:200px;height:46px}
  407. .join-form .line select{width:200px;height:46px}
  408. .join-form .line button{width:100%;float:initial;margin-top:30px}
  409. .join-form .line .label{font-size:14px}
  410. .join-form .line img{height:auto}
  411. }
  412. @media screen and (min-width: 1000px) and (max-width:1600px) {
  413. .container{width: 90%;}
  414. }