@media screen and (max-width: 1600px) { #header .menunav .search-bx form#top-search-form { display: none; } #header .menunav .search-bx span { bottom: 0; } } @media screen and (max-width: 1390px) { #header .menunav .search-bx form#top-search-form { display: none; } #header .menunav .search-bx { display: none; } #header .logo { margin-left: 2%; } #header .menunav { margin-right: 2%; } } @media screen and (max-width: 1280px) { #header .menunav .search-bx form#top-search-form { display: none; } #header .menunav .search-bx span { bottom: 0; } } @media all and (max-width:1199px){ html,body { background: #ffffff; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-container { width: 100%; } img { max-width: 100%; } .pd-container { padding: 0 15px; } #header, .xlnav, #footer { display: none; } /* 头部导航 */ .mobile-header-blank { height: 80px; width: 100%; display: block; background: transparent; } .mobile-header { width: 100%; height: 80px; background: #fff; position: fixed; left: 0px; top: 0px; z-index: 9999; display: block; -webkit-box-shadow: 0 0 5px #bfbfbf; -moz-box-shadow: 0 0 5px #bfbfbf; box-shadow: 0 0 5px #bfbfbf; } .mobile-header .navico { position: absolute; left: 20px; top: 25px; } .mobile-header .logos { width: 207px; height: 80px; margin: 0 auto; padding-top: 21px; } .mobile-header .headserch { position: absolute; right: 20px; top: 25px; } .navmenus { width: 420px; height: 100%; position: fixed; left: -460px; top: 0px; background: #f2f2f2; } .navclose { position: absolute; right: 40px; top: 22px; } .navmenus ul { padding-top: 50px; } .navmenus ul li { width: 100%; height: 71px; line-height: 70px; border-bottom: 1px solid #fff; padding-left: 40%; font-size: 28px; } .navmenus ul li a { color: #636363; } .shares { padding-top: 40px; padding-left: 100px; overflow: hidden; } .shares a { display: block; width: 46px; margin-left: 40px; float: left; } .shares i { font-size: 46px; color: #727272; } .sjserch { position: absolute; right: 0px; height: 80px; width: 100%; top: 0px; background: #fff; display: none; } .serclose { position: absolute; left: 20px; top: 23px; } .kk { width: 81%; height: 80px; float: left; background: #fff; font-size: 24px; color: #b4b9b8; margin-left: 10%; line-height: 80px; } .sjserch .input { width: 9%; float: left; height: 80px; background: url(https://wangneng.oss-cn-hangzhou.aliyuncs.com/upload/20200524/daa5370ce16dcadc30593aaedcf7bf1e.png) no-repeat center center; } /* 头部导航 */ /* 首页新闻 */ .home-news { margin: 0 40px; } .home-news a { float: none; width: 100%; } /* 首页新闻 */ /* 首页年度报告 */ #home-pdf-report { margin: 0 40px; } .pdf-report-item { float: none; width: 100%; } .pdf-report-item .bd { display: flex; justify-content:space-between } /* 首页年度报告 */ #mobile-footer { height: 58px; display: block; } .mobile-footer { display: block; background: #f1f1f1; text-align: center; color: #afafaf; line-height: 52px; font-size: 14px; } /* 首页股票 */ .homeStock .stock { width: 100%; } .homeStock .more { display: none; } /* 首页股票 */ /* banner */ .banners { height: 250px; background-size: cover!important; } /* banner */ /*#nav*/ #nav .nav-container .title { display: none; } #nav .nav-container .nav-main { padding-left: 0!important; width: 100%; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -moz-box; } #nav .nav-container .nav-main a { width: 100%; text-align: center; -moz-box-flex: 1.0; -webkit-box-flex: 1.0; box-flex: 1.0; padding: 0; float: none; } /*#nav*/ .datanum ul li { width: 20%; } .datanum ul li span { font-size: 70px; } .div-3 dl { display: block; } .div-3 dl dd { width: 25%; float: left; } #history-box { display: none; } .tabs-slider .tab-lists ul li { width: 20%; } #about-honor-images .image-item { width: 100%; padding: 0 10%; margin-right: 0; height: auto; } #about-honor-images .image-item img { width: 100%; height: auto; } .div-4 { display: block; } .div-4 .item-bx { float: left; width: 20%; } .div-4 .item { padding: 10px; } .div-4 .item-bx .item-1, .div-4 .item-bx .item-2, .div-4 .item-bx .item-3, .div-4 .item-bx .item-4, .div-4 .item-bx .item-5{ background-size: contain; } .div-4 .item h3 { font-size: 14px; } .div-4 .item p { font-size: 12px; } .image-item { float: none; width: 100%; height: auto; } .image-item img { width: 100%; height: auto; } #about-liability-images { padding: 0 10%; } #project-map { display: none; } .product-list { padding: 0 30px; } .product-list .item { float: none; width: 100%; margin-right: 0; } .product-list .item img { width: 100%; height: auto; } /* 新闻列表 */ #news-list a { margin-bottom: 30px; } #news-list a .main-info { float: none; padding-left: 170px; width: 100%; } /* 新闻列表 */ .hr-contact-bx { display: flex; justify-content:space-between; } /* 招聘动态 */ .hr-contact-bx .item { float: none; margin-right: 0; } .hr-contact-bx .item .text-title { padding-top: 5px; } /* 招聘动态 */ .contact-info { width: 100%; } /* 图片库 */ .pics-list .pic-item { width: 100%; height: auto; padding: 0 10%; background: #ffffff; } .pics-list .pic-item img { width: 100%; height: auto; } .pics-list .pic-item .title { background: #eeeeee; } #swipebox-slider .slide img { width: 100%!important; } /* 图片库 */ .banner .slide-image { background-size: cover; height: 350px; } .banner .swiper-pagination { bottom: 50px!important; } #home-product-list { display: none; } #mobile-home-product-list { display: block; position: relative; width: 100%; } .pc-project-container { width: 100%; padding: 0; } #mobile-home-product-list .item { text-align: center; transform: scale(1.3); } #mobile-home-product-list .page-btn { width: 46px; height: 46px; border-radius: 5px; background: #b6dae6; position: absolute; cursor: pointer; z-index: 9; } #mobile-home-product-list .prev-btn.page-btn { left: 40px; bottom: 140px; background: url("../img/prev.png") no-repeat center center #b6dae6; } #mobile-home-product-list .next-btn.page-btn { right: 40px; bottom: 140px; background: url("../img/next.png") no-repeat center center #b6dae6; } #mobile-home-product-list .item { width: 310px; height: 316px; position: relative; border-radius: 10px; border:5px solid transparent; margin: 0 auto; } #mobile-home-product-list .swiper-slide { width: 310px; text-align: center; transition: 300ms; } #mobile-home-product-list .item img { width: 310px; height: 256px; border-top-left-radius: 10px; border-top-right-radius: 10px; } #mobile-home-product-list .item .title { height: 60px; line-height: 60px; width: 100%; text-align: center; color: #232323; font-size: 16px; background: #accdd6; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #project-home-show { overflow: hidden; } /*定期报告*/ .finance-report-list { width: 100%; } .finance-report-list .list-item { width: 50%; text-align: center; margin-right: 0; } /*定期报告*/ .tabs-slider .slider-content .item .slide-item-content { width: 100%; } .pdf-list { padding: 0 15px; } #about-note { height: 780px; } #business-process-1 { height: 289px; } #business-process-2 { height: 176px; } #business-process-3 { height: 188px; } #business-process-4 { height: 379px; } #business-process-6 { height: 232px; } #business-process-1 h2, #business-process-2 h2, #business-process-3 h2, #business-process-4 h2, #business-process-6 h2 { color: #ffffff; font-size: 26px; padding-top: 20px; } .stock .datetime, .stock .irasia { display: none; } .video-list { width: 100%; } .video_bg { width: 100%; margin: 0 0 20px 0; } .video_bg img { width: 100%; } .magazine_bg { width: 50%; margin: 0; padding: 15px; } .video_bg.magazine_bg img { width: 100%; } .video_bg .title { font-size: 24px; } }