@media screen and (max-width:1359px) { /**/ .container{ width:96%;} .jd100{ min-width:100%; height: 200px; background:url(../images/jd100.jpg) center 0px no-repeat; background-size:100% 100%;} .da20{ min-width:100%; height: 200px; background-size:100% 100%;} .menu{ width:calc(100% - 308px);} .menu ul li{ width:12.5%;} /* .panel1{ min-width:100%; height:auto; padding-top:8%; background-size:100% 100%;} */ .panel1{ min-width:100%; height:auto; background-size:100% 100%;} .panel1 .head-new{ padding:14% 0 10%; height:18%; } .panel1 .right-con{ width:90%; } .panel2{ min-width:100%; height:auto;} .panel2 .container{ padding:50px 0px;} .panel2 .img-news{ width:55%; height:auto;} .panel2 .img-news .swiper-wrapper{ width:100%; height:auto;} .panel2 .img-news .swiper-slide img{ width:100%;} .panel2 .right-news{ width:42%;} .panel2 .news-head{ width:24%; height:100%;} .panel2 .news-list{ width:74%;} .panel2 .news-list li a{ width:80%;} .panel3{ min-width:100%; height:auto;} .panel3 .left{ width:48%;} .panel3 .right{ width:48%;} .panel3 .head-list{ width:64%;} .panel3 .img{ float:left; display:inline; width:45%; height:auto; } .panel3 .img img{ width:100%; height:auto; margin-left:1px; } .panel3 .right-con{ width:50%;} .panel3 .news-list{ width:100%;} .panel3 .news-list li a{ width:90%; } .panel4{ min-width:100%; height:auto; padding-bottom:20px;} .panel4 .zt-list .slide{ width:100%; height:auto;} .panel4 .zt-list .slide .img{ width:98%; height:auto; } .panel4 .zt-list .slide .img img{ width:100%; } .panel4 .zt-list .slide .title{ width:98%;} .panel5{ min-width:100%; height:auto;} .panel5 .industry-bg{ width:50%; height:100%;} .panel5 .container{ padding-top:80px; height:560px;} .panel5 .industry-con{ width:45%;} .panel5 .industry-head .swiper-wrapper{ width:90%;} .panel5 .slide{ width:100%;} .panel5 .swiper-slide{ width:20%;} .panel6{ min-width:100%; height:auto;} .panel6 .container{ padding:60px 0px 30px;} .panel6 .left{ width:30%;} .panel6 .center{ margin-left:5%; width:30%;} .panel6 .right{ width:30%;} .panel6 .img-list{ width:110%; padding-top:40px; margin-left:-10%;} .panel6 .img-list li{ margin-left:10%; width:40%;} .panel6 .img-list li .img{ width:100%; height: calc(100vw * 0.1);} .panel6 .img-list li img{ max-width:100%; width:100%; height:100%;} .panel6 .img-list li .title{ width:100%; } .panel6 .list li{ height: calc(100vw * 0.11);} .like-wrap .ddlType{ width:48%;} .panel7{ min-width:100%;} .banner-bg{ min-width:100%; background-size:100% 100%;} .main-wrap{ min-width:100%;} /*右侧导航*/ .right-nav{ width:22%;} .right-nav li a{ padding-left:33.33%; width:66.66%; background:url(../images/icon-25.png) 16% 15px no-repeat #ffffff;} .right-nav li a:hover,.right-nav li a.activate{ text-decoration:none; background:url(../images/icon-26.png) 16% 15px no-repeat #0083e3; color:#ffffff;} .right-zt-nav{ width:22%;} .right-zt-nav li a{ padding-left:33.33%; width:66.66%; background:url(../images/icon-25.png) 16% 15px no-repeat #ffffff;} .right-zt-nav li a:hover,.right-nav li a.activate{ text-decoration:none; background:url(../images/icon-26.png) 16% 15px no-repeat #0083e3; color:#ffffff;} .main-wrap .right-news{ width:22%;} .main-wrap .right-news .news-head{ width:90%;} .main-wrap .right-news .news-list{ width:90%; } .main-wrap .right-news .news-list li img{ width:100%; height:auto;} .bottom-news .news-list ul{ margin-left:-4%;} .bottom-news .news-list li{ float:left; display:inline; width:16%; margin-left:4%; padding:20px 0px;} .bottom-news .news-list li img{ width:100%; height: calc(100vw * 0.11);} .single-page{ width:74%;} .single-page img{ width:100%;} /*董事长*/ .single-page .dszzc-page{ width:100%; background:url(../images/dszzcbg.jpg) no-repeat;} .single-page .dszzc-page .dszzc-wrap{ width:85%; } .growup-wrap{ width:74%;} .history-list{ width:74%;} .history-list img{ width:100%;} .history-list .single-page{ width:100%;} .history-wrap{ margin:50px auto auto auto;} .honor-list{ width:74%;} .honor-list ul{ margin-left:-3%;} .honor-list li{ width:30%; margin:0px 0px 0px 3%;} .honor-list li .news-img{ width:100%; height: calc(100vw * 0.15);} .honor-list li .news-img img{ max-width:100%; width:100%; height:100%; } .contactus-con li{ width:40%; height:85px; padding-left:60px; padding-top:34px; } /*图文列表*/ .graphic-list{width:74%;} .graphic-list li .left-img{ float:left; display:inline-block; width:30%; height:auto; } .graphic-list li .left-img img{ width:100%; height:auto; max-height:200px; } .graphic-list li .right-con{ float:right; width:66%; } .graphic-list li .noimg{ width:100%;} /*文章列表*/ .article-list{ width:74%;} /*图片列表*/ .img-list{ width:74%;} .img-list ul{ margin-left:-6%;} .img-list li{ width:44%; margin:0px 0px 0px 6%; } .img-list li .news-img{ width:100%; height: calc(100vw * 0.22); } .img-list li .news-img img{ max-width:100%; width:100%; height:100%;} .news-title .title{ width:80%;} .industry-company .left-name{ width:14%;} .industry-company .right-list{ float:right; display:inline; width:78%; padding:1% 2% 10%;} .industry-company .right-list li{ width:30%; height:49px; line-height:49px; margin:0px 1.5%;} .industry-company .right-list li a{ width:100%; background:url(../images/icon-31.png) 100% 20px no-repeat;} .zxgz-menu li{ width:16%;} .zxgz-wrap{ min-width:100%; } .zxgz-wrap .zxgz-img-news{ width:50%; height:auto;} .zxgz-wrap .zxgz-img-news .swiper-wrapper{ width:100%; height:auto;} .zxgz-wrap .zxgz-img-news .swiper-slide img{ width:100%;} .zxgz-wrap .zxgz-fr-news{ width:45%; } .zxgz-wrap .container{ height:auto;} .zxgz-wrap .zxgz-left{ width:48%; } .zxgz-wrap .zxgz-right{ width:48%; } .zxgz-wrap .zxgz-img-list .swiper-slide{ width:33.33%; } .zxgz-wrap .zxgz-img-list .slide{ width:90%; height:auto; } .zxgz-wrap .zxgz-img-list .slide .img{ width:100%; height:auto;} .zxgz-wrap .zxgz-img-list .slide .img img{ width:100%; height: calc(100vw * 0.09);} .zxgz-wrap .zxgz-img-list .slide .title{ width:100%; } .zxgz-wrap .jcdt-img-list{ width:100%; height:160px; overflow:hidden;} .zxgz-wrap .jcdt-img-list .swiper-slide{ width:20%; } .zxgz-wrap .jcdt-img-list .slide{ width:90%; height:auto; } .zxgz-wrap .jcdt-img-list .slide .img{ width:100%; height:auto;} .zxgz-wrap .jcdt-img-list .slide .img img{ width:100%; height: calc(100vw * 0.09);} .zxgz-wrap .jcdt-img-list .slide .title{ width:100%; } .zxgz-wrap .zglz-img-list .swiper-slide{ float:left; display:inline; width:33.33%; } .zxgz-wrap .zglz-img-list .slide{ width:90%; height:auto; } .zxgz-wrap .zglz-img-list .slide .img{ width:100%; height:auto;} .zxgz-wrap .zglz-img-list .slide .img img{ width:100%; height: calc(100vw * 0.09);} .zxgz-wrap .zglz-img-list .slide .title{ width:100%;} .rdsc{ width:74%; margin:30px 0px; height:auto; padding:5% 20% 10% 6%; line-height:26px; background-size: 100% 100%; font-size:13px;} .fup-bg{ min-width: 100%; background-size:cover;} .fup-wrap{ min-width:100%;} .fup-3{ height:auto; } .uni-bg{ min-width: 100%; background-size:cover;} .uni-wrap{ min-width:100%;} .party-bg{ min-width: 100%; background-size:cover;} .party-wrap{ min-width:100%;} .dis-bg{ min-width: 100%; background-size:cover;} .dis-wrap{ min-width:100%;} } @media screen and (max-width:1200px) { .panel3 .right-con .more{ display:none;} .company-wrap .company-list li{ font-size:13px;} .industry-company .right-list li{ font-size:13px;} } @media screen and (max-width:1080px) { .industry-company .right-list li{ width:47%;} .information-company li{ width:calc(50% - 20px);} } @media screen and (max-width:1024px) { .jd100{ height: calc(100vw * 0.18); background:url(../images/jd100.jpg) center 0px no-repeat; background-size:100% 100%;} .da20{ height: calc(100vw * 0.30); background-size:120% 120%;} .nav-wrap{ display:none;} .banner-bg{ height:8rem; padding-top:4rem; } .banner{ height:8rem; } .banner .txt{ height:2rem; font-size:2rem; } .m-top-wrap{ display:block; position:fixed; left:0px; top:0px; width:100%; height:3rem; padding:.5rem 0; border-bottom:solid 1px #67a3d4; z-index:99999;} .m-top-wrap .wrap{ width:92%; margin:0 auto auto auto;} .m-top-wrap .fl-logo{ float:left; display:inline-block; width:18%; text-align:left;} .m-top-wrap .fl-logo img{ width:100%;} .m-top-wrap .fr-menu{ position:relative; float:right; display:inline-block; width:10%; height:100%; text-align:right;} .m-top-wrap .fr-menu .btn-menu{ position:absolute; top:.5rem; right:0px; display:inline-block; width:50%; text-align:center; font-size:2.2rem; color:#ffffff;} .m-top-wrap .fr-menu .btn-close-menu{ position:absolute; top:.5rem; right:0px; display:none; width:50%; text-align:center; font-size:2rem; color:#ffffff;} .m-top-wrap .fr-menu .btn-search{ position:absolute; top:.5rem; right:55%; display:inline-block; width:50%; font-size:2.3rem; color:#ffffff;} .mob-nav{ display:none; position:absolute;left:0px;top:100%; width:100%; z-index:100000; background-color:#0062ac;} .mob-nav .nav{ width:90%; line-height:42px; margin:0px auto auto auto; } .mob-nav .nav ul{width:90%; padding-left:5%; padding-right:5%; margin:0px auto auto auto;border-bottom:1px solid #3381bd;} .mob-nav .nav li{ position:relative; line-height:3rem;font-size:1rem;color:#ffffff; text-align:left; } .mob-nav .nav li a{color:#ffffff; } .mob-nav .nav li.arrow:after {content: '';position: absolute;right:0px;top:17px;display: block;background: url(../images/icon-9.png) no-repeat; background-size:100% 100%; width:12px;height:8px;} .mob-nav .nav li .icon{ float:right; display:inline-block;width:8%; height:42px;} .mob-nav .nav li .icon img{ width:100%;vertical-align:middle;} .mob-nav .nav dl{ width:92%;margin:0px auto auto auto; padding:0 4%; background-color:#0062ac; display:none; border-bottom:1px solid #3381bd;} .mob-nav .nav dl dt{ display:inline-block; padding:.5rem; height:1.6rem;line-height:1.6rem; text-align:center; font-size:.8rem; } .mob-nav .nav dl dt a{color:#ffffff;} .topic-banner-bg{ height:0rem; padding-top:4rem;} .topic-banner{ width:100%; height:calc(100vw * 0.18); margin-bottom:3rem;} .panel2 .container{ padding-top:40px;} .panel2 .img-news{ width:52%; height:auto;} .panel2 .img-news .swiper-wrapper{ width:100%; height:auto;} .panel2 .img-news .swiper-slide img{ width:100%;} .panel2 .right-news{ width:45%;} .panel2 .news-head{ width:24%; height:100%;} .panel2 .news-list{ width:70%;} .panel2 .news-list li a{ width:80%;} .panel3 .container{ padding:1.2rem 0 0 0;} .panel3 .news-head .party{ display:inline-block; height:2.8rem; line-height:2.8rem; font-size:1.28rem; font-weight:400;} .panel3 .news-head .dis{ display:inline-block; height:2.8rem; line-height:2.8rem; font-size:1.28rem; font-weight:400;} .panel3 .head-list{ width:70%;} .panel3 .news-wrap{ width:100%;} .panel3 .right-con .more{ display:block;} .panel4 .head span{ font-size:1.28rem; font-weight:400;} .panel4 .btn-wrap{ display:none;} .panel4 .zt-list .slide .title{ height:2rem; line-height:2rem; font-size:.9rem;} .panel5{ min-width:100%; height:auto;} .panel5 .industry-bg{ display:none;} .panel5 .container{ padding-top:1.2rem; height:auto;} .panel5 .industry-con{ float:none; width:90%;} .panel5 .industry-con .industry-name{ height:2.5rem; font-size:1.28rem; font-weight:400;} .panel5 .industry-con .name{ margin-left:.1rem; font-size:1rem; } .panel5 .industry-con .name span{ padding-right:1rem; font-size:1.1rem; } .panel5 .industry-con .des-bg{ margin-left:.1rem; margin-top:1rem; padding:.8rem; height:auto; background:rgba(255,255,255,0.9); border-radius:1rem;} .panel5 .industry-con .des{ padding-top:0; height:auto; font-size:0.8rem; line-height:1.6rem; color:#666666; } .panel5 .industry-con .more{ margin-left:.1rem; padding-top:2rem; height:2rem;} .panel5 .industry-con .more a{ width:4rem; height:2rem; line-height:2rem; padding-left:1rem; border-radius:1rem; font-size:.6rem; } .panel5 .industry-con .more a:before{ left:3rem; top:0px; font-size:.6rem;} .panel5 .industry-head{ display:none;} .panel6 .container{ padding:1.2rem 0 0 0;} .panel6 .head{ margin-top:.6rem;} .panel6 .head span{ font-size:1.28rem; font-weight:400; color:#333333;} .panel6 .head a{ font-size:.9rem;} .panel6 .left{ float:none; display:inline-block; width:100%;} .panel6 .center{ float:left; display:inline-block; margin-left:0; width:100%;} .panel6 .right{ float:right; display:inline-block; width:100%;} .panel6 .img-list{ width:100%; padding-top:1.5rem; } .panel6 .img-list{ margin:0px auto auto -2.5%;} .panel6 .img-list li{ margin-left:5%; width:45%;} .panel6 .img-list li .img{ width:100%; height: calc(100vw * 0.3);} .panel6 .img-list li img{ max-width:100%; width:100%; height:100%;} .panel6 .img-list li .title{ font-size: .9rem; line-height:1.6rem; padding:0.5rem 0;} .panel6 .list{ padding-top:1.5rem;} .panel6 .list li{ width:25%; height: calc(100vw * 0.16); font-size:.9rem; } .panel6 .list li:nth-child(3){ background-color:#efefef;} .panel6 .list li:nth-child(4){ background-color:#e0e0e0;} .panel6 .list li:nth-child(3):hover,.panel6 .list li:nth-child(4):hover{ background-color:#0083e3;} .panel6 .like-wrap{ margin:1.5rem auto 1.5rem auto;} .like-wrap .ddlType{ width:48%;} .main-wrap{ padding:3rem 0;} .column{ display:none;} .imglist-show{ width:100%;} .information-company{ padding:5px 0px;} } @media screen and (max-width:1023px) { .panel1{ padding-top:4rem; } .m-top-wrap{ height:3rem; padding:.5rem 0; } .panel1 .right-con h1{ font-size:1.4rem;} .panel1 .right-con p.des{ padding-top:1rem; line-height:1.6rem; font-size:1rem;} .panel2 .container{ padding:1.5rem 0;} .panel2 .img-news{ float:none; width:100%; height:calc(100vw * 0.6); } .panel2 .img-news .swiper-wrapper{ width:100%; height:100%;} .panel2 .img-news .swiper-slide img{ height:calc(100vw * 0.6);} .panel2 .img-news .swiper-slide .title a{ padding-left:10px; font-size:1rem;} .panel2 .right-news{ float:none; width:100%;} .panel2 .news-head{ width:2rem; height:100%; font-size:1.1rem; font-weight:400;} .panel2 .news-head a{ height:6.8rem; padding-top:2.6rem; } .panel2 .news-list{ width:calc(100% - 3rem);} .panel2 .hot-new{ padding-top:1rem; padding-bottom:1rem; } .panel2 .hot-new .news-head a{ background:url(../images/icon-51.jpg) center -0.9rem no-repeat #0183e3; background-size:99.9%; } .panel2 .gsxw{ padding-top:1.5rem; padding-bottom:1.5rem; } .panel2 .gsxw .news-head a{ background:url(../images/icon-51.jpg) center -0.9rem no-repeat #0183e3; background-size:99.9%; } .panel2 .jcdt{ padding-top:1.5rem; padding-bottom:1.5rem;} .panel2 .jcdt .news-head a{ background:url(../images/icon-52.jpg) center -0.9rem no-repeat #0163ae; background-size:99.9%;} .panel3 .news-head span{ padding-left:8%;} .panel3 .news-head .party{ background:url(../images/icon-42.png) 0px 12px no-repeat; background-size:20%;} .panel3 .news-head .dis{ background:url(../images/icon-43.png) 0px 12px no-repeat; background-size:20%;} .panel3 .head-list .swiper-slide span{ padding:6px 2px; font-size:.3rem; font-weight:500; } .panel3 .news-list li a{ width:80%; font-size:1rem; line-height:1.6rem; font-weight:500;} .panel3 .news-list li span{ font-size:.8rem; line-height:1.6rem;} .bottom-nav-wrap{ display:none;} .panel7 .container{ padding:0px 0px 40px 0px;} .panel7 .copy{ padding-top:20px;} /*头部导航*/ .m-banner{ display:block; position:relative; width:98%; height:auto; padding:0 1%; border-bottom:solid 1px #e8e8e8;} .m-banner:before { position: absolute; content: ""; top: 0; bottom: 0; left:0px; z-index:2; width:15px; background: linear-gradient(to left, rgba(0,131,227, 0), #ffffff);} .m-banner:after { position: absolute; content: ""; top: 0; bottom: 0; right:0px; z-index:2; width:15px; background: linear-gradient(to right, rgba(0,131,227, 0), #ffffff);} .m-banner .swiper-container{} .m-banner .swiper-wrapper{} .m-banner .swiper-slide{ display:inline-block; width:auto; line-height:40px; padding:14px 10px; text-align:center; font-size:1.3rem; font-weight:bold; } .m-banner .swiper-slide a{ color:#000000;} .m-banner .swiper-slide a:hover{ color:#0083e3; text-decoration:none;} .m-banner .swiper-slide a.activate{ font-weight:bold; color:#0083e3; text-decoration:none;} .main-wrap{ padding:1.5rem 0;} .m-banner-wrap{ padding:0rem;} .right-nav{ display:none;} .right-news{ display:none;} .bottom-news{ display:none;} .prev-next{ font-size:.9rem;} /*文章内容*/ .single-page{ width:100%;} .single-page div{ line-height:1.6rem; font-size:1rem;} .single-page p{ line-height:1.16rem; font-size:1rem;} /*董事长*/ .single-page .dszzc-page{ height:auto; background-size:100% 100%;} .single-page .dszzc-page .dszzc-wrap{ float:none; width:90%; margin:0px auto auto auto;} .single-page .dszzc-page .dszzc-en{ padding-top:1rem; font-size:1.2rem;} .single-page .dszzc-page .dszzc-ch{ padding:.2rem 0; font-size:1.2rem;} .single-page .dszzc-page .dszzc-name{ margin-top:10px; font-size:1rem;} .single-page .dszzc-page .dszzc-con{ line-height:1.2rem; margin-top:1rem; padding:2rem; font-size:1rem; } .single-page .dszzc-page .dszzc-con p{ line-height:1.62rem; margin-bottom:0px; font-size:1rem; text-indent:2em;} .company-nav .swiper-slide{ height:2.5rem; line-height:2.5rem; font-size:1rem; font-weight:500; } .company-nav .swiper-slide .slide{ margin:0 .2rem; height:2.5rem; line-height:2.5rem;} .company-nav .swiper-slide.activate .slide{ height:2.5rem; line-height:2.5rem; } .company-wrap .company-list{ padding:2rem 1rem 1rem; } .company-wrap .company-list li{ font-size:.9rem;} .growup-wrap{ float:none; width:90%; margin:0px auto auto auto;} .growup-wrap .right .wrap .head{ padding-left:1.1rem;} .growup-wrap .right .wrap .con{ padding-left:1.1rem;} .growup-wrap .left .wrap .head{ padding-right:1.1rem;} .growup-wrap .left .wrap .con{ padding-right:1.1rem;} .growup-wrap .item .wrap .head{ padding-bottom:1rem; font-size:1rem; } .growup-wrap .item .wrap .con{ padding-bottom:1rem; font-size:.8rem; } .history-wrap{ margin:30px auto auto auto;} .history-wrap .history-head{ height:150px; } .history-list{ float:none; width:100%;} .history-head .swiper-slide .circle1{ left:45%;} .history-head .swiper-slide .title{ padding-top:102px; font-size:1rem; } .history-head .active .circle1{ left:40%;} .history-head .active .circle2 .num{ line-height:86px; font-size:1.2rem;} .honor-list{ width:100%;} .honor-list li .title{ font-size:1rem; } .page-wrap{ font-size:.9rem;} /*图文列表*/ .graphic-list{width:100%; padding-bottom:2rem;} .graphic-list li{ padding:0px 0px 1rem; margin-bottom:1rem; } .graphic-list li .right-con .title{ line-height:1.6rem; font-size:1.2rem; } .graphic-list li .right-con .title .new{ width:2rem; height:1.6rem; line-height:1.6rem; padding:0px .5rem; margin-right:.2rem; font-size:.8rem; } .graphic-list li .right-con .des{ line-height:1.6rem; padding-top:1rem; font-size:.9rem; } /*文章列表*/ .article-list{ width:100%; padding-top:1rem; padding-bottom:1.1rem;} .article-list li{ padding:0px 0px 1rem; margin-bottom:1rem; } .article-list li .title{ line-height:1.6rem; font-size:1.2rem; } .article-list li .title .new{ width:2rem; height:1.6rem; line-height:1.6rem; padding:0px .5rem; margin-right:.2rem; font-size:.8rem;} /*图片列表*/ .img-list{ width:100%; padding-bottom:2rem;} .img-list li{ padding:0px 0px 1rem; margin-bottom:1rem;} .img-list li .news-img{ width:100%; height: calc(100vw * 0.28); } .img-list li .news-img img{ max-width:100%; width:100%; height:100%;} .img-list li .title{ font-size:1rem; } .news-title{ height:auto;} .news-title .left-data{ display:none;} .news-title .title{ width:90%; margin:0px auto auto auto; padding:0px; float:none;} .news-title .title h2{ font-size:1.2rem;} .news-title .location{ display:none;} .news-detail{ line-height:2rem; padding-top:0rem; font-size:1rem;} .news-detail p{ padding-bottom:1.1rem;} .news-detail .video{width:93%; margin:0px auto auto auto; padding-left:0; float:none; display:block;} .news-detail .video video{ width:100%; height:auto; margin:2rem 0 0;} .topic-detail{ width:90%; line-height:2rem; padding-top:0rem; font-size:1rem;} .topic-detail p{ padding-bottom:1.1rem;} .imglist-show .img-show{ display:none;} .imglist-show .imglist-con{ height:auto; margin-top:0px; padding:0px; background-color:#ffffff;} .imglist-show .imglist-con .left-btn{ display:none;} .imglist-show .imglist-con .right-btn{display:none;} .imglist-show .imglist-con .imglist-wrap{ width:100%;} .imglist-show .imglist-con .imglist-wrap .swiper-slide{ width:100%; } .imglist-show .imglist-con .imglist-wrap .slide{ width:100%; height:auto; } .imglist-show .imglist-con .imglist-wrap .slide img{ width:100%; height:auto; border:solid 0px #efefef;} .imglist-show .imglist-con .imglist-wrap .swiper-slide.activate .slide img{ border:solid 0px #feba00;} .industry-nav{ margin-bottom:2rem;} .industry-nav .swiper-slide .slide{ margin:0 .2rem;} .industry-nav .swiper-slide a{ padding:0 .5rem; font-size:.9rem;} .industry-wrap{ height:330px;} .industry-wrap .industry-bg{ display:none;} .industry-wrap .industry-con{ top:1rem; width:100%; padding-left:0;} .industry-wrap .industry-con .name{ display:inline-block; padding-left:8%; font-size:1.2rem;} .industry-wrap .industry-con .en{ display:inline-block; font-size:1rem; padding-top:1rem;} .industry-wrap .industry-con .des{ margin:1rem auto auto auto; padding:1rem; line-height:1.6rem; font-size: 0.8rem} .industry-company{ padding:2rem 0;} .industry-company .left-name{ display:none;} .industry-company .right-list{ width:96%;} .industry-company .right-list li{ font-size:1rem; padding-top:0px;} .fup-bg{ height:8rem; padding-top:4rem;} .fup-bg .banner{ height:8rem;} .fup-2{ height:auto;} .uni-bg{ height:8rem; padding-top:4rem;} .uni-bg .banner{ height:8rem;} .uni-2{ height:auto;} .uni-3{ height:auto;} .dis-bg{ height:8rem; padding-top:4rem;} .dis-bg .banner{ height:8rem;} .dis-2{ height:auto;} .dis-3{ height:auto;} .party-bg{ height:8rem; padding-top:4rem;} .party-bg .banner{ height:8rem;} .party-1{ height:auto;} .party-2{ height:auto; padding-top:1rem;} .party-3{ height:auto; margin-top:0; padding-top:0;} #banner-text{ padding-bottom:5rem; height:1rem;} .party-bg .banner-text{ font-size:1rem;} .party-menu{ height:1.6rem; line-height:1.6rem;} .party-menu li{ width:16.66%; height:1.6rem; line-height:1.6rem; font-size:.6rem;} .party-menu li.activate .line2{ width:100%;} .party-menu li .line1{ top:.3rem; width:.1rem; height:1rem;} .ad-text{ height:3rem; padding-top:1.5rem; margin-top:1rem; background-size: cover; font-size:1rem; font-weight:500;} .zxgz-wrap .jcdt{ padding-top:0px;} .zxgz-wrap .jcdt-img-list{ width:100%; height:auto; margin-top:1rem;} .zxgz-wrap .jcdt-img-list .swiper-slide{ width:100%; } .zxgz-wrap .jcdt-img-list .slide{ width:96%; height:auto; } .zxgz-wrap .jcdt-img-list .slide .img{ width:100%; height:auto;} .zxgz-wrap .jcdt-img-list .slide .img img{ width:100%; height: calc(100vw * 0.5);} .zxgz-wrap .jcdt-img-list .slide .title{ width:100%; } .zxgz-wrap .zglz-img-list{ margin-top:1rem;} .zxgz-wrap .zglz-img-list .slide .img img{ height:calc(100vw * 0.2);} .zxgz-wrap .zglz-img-list .slide .title{ margin-top:.5rem; font-size:.9rem;} .zxgz-wrap{ padding-top:1rem;} .rdsc{ margin:2rem 0rem 0rem} .djzs-wrap{ margin-top:0px;} .djzs-wrap .djzs-name{ padding-left:2rem;} .zxgz-menu{ height:1.6rem; line-height:1.6rem;} .zxgz-menu li{ width:16.66%; height:1.6rem; line-height:1.6rem; font-size:.6rem;} .zxgz-menu li.activate .line2{ width:100%;} .zxgz-menu li .line1{ top:.3rem; width:.1rem; height:1rem;} .zxgz-wrap .head{ height:3rem;} .zxgz-wrap .head span{ display:inline-block; padding-top:.6rem; font-size:1.28rem; font-weight:400;} .zxgz-wrap .head a{ font-size:.9rem;} .zxgz-wrap .zxgz-img-news{ width:100%; height:auto; margin-top:1rem;} .zxgz-wrap .zxgz-img-news .swiper-slide img{ height:calc(100vw * 0.6);} .zxgz-wrap .zxgz-fr-news{ width:100%; margin-top:1rem; } .zxgz-wrap .zxgz-img-news .swiper-slide .title a{ font-size:1rem;} .zxgz-wrap .zxgz-left{ width:100%; padding-top:0; } .zxgz-wrap .zxgz-right{ width:100%;} .zxgz-wrap .zxgz-img-list{ margin-top:.5rem;} .zxgz-wrap .zxgz-img-list .slide .img img{ height: calc(100vw * 0.2);} .zxgz-wrap .zxgz-img-list .slide .title{ font-size:.9rem;} .zxgz-wrap .zxgz-fr-news li .title{ font-size:1.2rem; font-weight:500;} .zxgz-wrap .zxgz-fr-news li .des{ font-size:.9rem;} .zxgz-wrap .zxgz-news-list{ width:98%; margin:0 auto auto auto; padding:1rem 0;} .zxgz-wrap .zxgz-news-list li{ font-size:1rem; height:2rem; line-height:1.6rem; font-weight:500;} .zxgz-wrap .zxgz-news-list li a{ font-size:.9rem;} } @media screen and (max-width:980px) { .panel3 .left{ width:100%;} .panel3 .right{ width:100%;} .panel3 .news-wrap{ width:100%; padding-top:2rem;} .panel3 .img{ width:40%; } .panel3 .right-con{ width:55%;} .panel7 .bottom-wrap{ padding:0.6rem 0;} .panel7 .container{ padding:0 0 0.5rem 0;} .panel7 .left-con{ float:none; text-align:center;} .panel7 .left-con p{ font-size:.3rem; line-height:1.6rem;} .panel7 .left-con span{ display:inline-block;} .panel7 .left-con span.url,.panel7 .left-con span.code{ display:none;} .panel7 .phone{ display:none;} .panel7 .copy{ padding-top:0.5rem; line-height:1.6rem; font-size:.2rem;} .panel7 .copy .left{ float:none; text-align:center;} .panel7 .copy .right{ float:none; text-align:center;} .panel7 .copy .right a{ display:inline-block;} .company-wrap .company-list li{ width:50%;} .honor-list li .news-img{ width:100%; height: calc(100vw * 0.2);} } @media screen and (max-width:768px) { .m-top-wrap .fl-logo{ width:9.6rem; } .information-company li{ width:calc(100% - 20px);} } @media screen and (max-width:767px) { .panel1{ padding-top:0;} .panel1 .right-con p.des{ display:none;} .panel6 .list li{ width:50%; height: calc(100vw * 0.32);} .panel6 .list li:nth-child(3){ background-color:#e0e0e0;} .panel6 .list li:nth-child(4){ background-color:#efefef;} .company-nav .swiper-slide .slide{ font-size:.9rem; } .company-wrap .company-list li{ width:100%;} .history-wrap{ margin:1rem auto auto auto;} .history-head .active .circle1{ left:30%; top:20px; width:56px; height:56px; } .history-head .active .circle2{ width:56px; height:56px; } .history-head .active .circle2 .num{ line-height:56px; font-size:1rem;} .honor-list ul{ margin-left:0;} .honor-list li{ float:none; display:block; width:90%; padding:0px 0px 1rem; margin:0px auto auto auto;} .honor-list li .news-img{ width:100%; height: calc(100vw * 0.5);} .page-wrap{ padding:0px 0px 0px; } .page-wrap a,.page-wrap span{ display:none;} .page-wrap .previous,.page-wrap .next{ display:inline-block;} .contactus-con{ padding:1rem 0px;} .contactus-con li.fl{ float:none;} .contactus-con li.fr{ float:none;} .contactus-con li .icon{ top:1.2rem; width:2rem; height:2rem; background-size:60%;} .contactus-con li{ width:86%; height:auto; padding-left:14%; padding-top:1rem; display:block; } .contactus-con li .tit{ font-size:1rem;} .contactus-con li .tit2{ font-size:.9rem;} #gm-map{ display:none;} .graphic-list li .left-img{ float:none; display:block; width:96%; margin:0px auto auto auto; } .graphic-list li .left-img img{ width:100%; height:auto; max-height:200px; } .graphic-list li .right-con{ float:none; width:96%; margin:0px auto auto auto; padding-top:.5rem; } .graphic-list li .right-con .des{ display:none;} .article-list li .des{ display:none;} /*图片列表*/ .img-list ul{ margin-left:0;} .img-list li{ float:none; display:block; width:90%; padding:0px 0px 1rem; margin:0px auto auto auto;} .img-list li .news-img{ width:100%; height: calc(100vw * 0.6); } .industry-company .right-list li{ width:97%;} .zxgz-wrap .xxqg-news-list li{ width:33.33%; text-align:center;} } @media screen and (max-width:540px) { .panel1{ padding-top:3rem; } .m-top-wrap{ height:2rem; padding:.5rem 0; } .m-top-wrap .fl-logo{ width:7.2rem; } .m-top-wrap .fr-menu{ width:5rem;} .m-top-wrap .fr-menu .btn-menu{ top:0; font-size:2rem; } .m-top-wrap .fr-menu .btn-close-menu{ top:0; font-size:1.8rem; } .m-top-wrap .fr-menu .btn-search{ top:0; font-size:2.3rem; } .panel1 .right-con h1{ font-size:1rem;} .panel3 .head-list{ display:none;} .panel3 .right-con .more{ display:none;} .panel6 .list li{ height: calc(100vw * 0.36);} .banner-bg{ height:4rem; padding-top:4rem; } .banner{ height:4rem; } .banner .txt{ height:1rem; font-size:1rem; } .topic-banner-bg{ height:0rem; padding-top:3rem;} .graphic-list li .left-img img{ width:100%; height:auto; } } @media screen and (max-width:360px) { .panel6 .list li{ height: calc(100vw * 0.36);} .company-nav .swiper-slide .slide{ font-size:.6rem; } .company-wrap .industry-type{ font-size:1rem; } .company-wrap .company-list li{ font-size:.8rem;} } @media screen and (max-width:280px) { .panel6 .list li{ height: calc(100vw * 0.46);} .company-nav .swiper-slide .slide{ margin:0px .1rem; font-size:.2rem; } .company-wrap .industry-type{ font-size:.6rem; } .industry-nav .swiper-slide a{ padding: 0 .3rem; font-size: .6rem;} .industry-company .right-list li{ font-size:.85rem;} }