@charset "utf-8"; /* CSS Document */ @media screen and (max-width:1880px) { } @media screen and (max-width:1600px) { .syaboutleft h2{font-size:30px;} } @media screen and (max-width:1440px) { body{font-size: 14px;} .logo{width: 130px; height: 66px} .topleft{width:140px;} .dzbtn {width: 136px;height: 36px; font-size: 16px;} .bantxt h2{font-size: 48px;} .morebtn {width: 135px;height: 38px;line-height: 38px;border-radius: 38px;text-indent: 20px;} .morebtn em{width: 38px; height: 38px;} .abshuzi li span em{font-size: 46px;} .abshuzi li p{font-size: 14px;} .abshuzibox img{width: 40%} .syaboutleft h2{font-size: 28px;} .syaboutlefttxt{font-size: 16px; line-height: 34px} .syaboutright{width: 48%; margin-top: 30px;} .sytit h2{font-size: 38px;} .syhytxt p{font-size: 22px;} .nav li>a{font-size: 16px;} .syhytxt span{font-size: 14px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;} .gctxts p{font-size: 18px;} .newzrught p{font-size: 20px;} .synewstxt h2{font-size: 22px;} .footnav li p{font-size: 18px;} .nybantxt h2{font-size: 38px;} .abshuzi li span{font-size: 16px;} .abshuzi li{min-width: 130px;} .yuangongright .swiper-slide{width: 440px;} .yuangongstxt{padding: 40px;} .yuangongswenzi{font-size: 16px; min-height: 200px;} .yanrens p em{font-size: 24px;} .yanrens span {width: 90px;height: 90px;} .yuangongstxt>span img{width: 50px;} .yiqicheng .swiper-slide{width: 800px;} .nywenhuatxt h3{font-size:26px; margin-bottom: 0px} .nywenhuatxt p{font-size: 18px;} .nyabouttxtleft h2{font-size: 30px;} .imghezi:hover .morebtn{height: 38px;} .hangyecasebox .swiper-slide a:hover .morebtn{height: 38px;} } @media screen and (max-width:1380px) { .syaboutleft h2{font-size: 26px;} .bantxt h2{font-size: 40px;} .abshuzi li span em{font-size: 40px;} .sytit h2{font-size: 30px;} .syhytxt p{font-size: 20px;} .gctxts p{font-size: 16px;} .newzrught p{font-size: 18px;} .synewstxt h2{font-size: 18px;} .footnav li p{font-size: 16px;} .nybantxt h2{font-size: 30px;} .yuangongright .swiper-slide{width: 400px} .yiqicheng .swiper-slide{width: 700px;} .yuangongright{width: 55%} .yuangongleft{width: 50%} .gongyitedian ul{width: calc(100% + 40px); margin-left: -40px; } .gongyitedian li{width: calc(33.33% - 40px); margin-left:40px; } } @media screen and (max-width:1280px) { .syaboutleft h2{font-size: 24px;} .dzbtn{font-size: 16px;} .protit li a{font-size: 34px;} } @media screen and (max-width:1200px) { body{overflow-x: hidden} .nav::-webkit-scrollbar {width:3px;} .nav::-webkit-scrollbar-track {background:#e5e5e5;} .nav::-webkit-scrollbar-thumb {background:#0eafc9;} .top>.mainbox{height: 90px;} .syaboutleft h2{font-size: 22px;} .top.cur .navdown{top: 0} .nav{ position: fixed;top:90px;right:0;z-index:999999999;float:inherit;width:100%;height:calc(100vh - 90px); text-align:center;opacity:0;visibility: hidden; overflow-y:scroll;-webkit-overflow-scrolling:touch; background-color:#fff; margin-top: 0px; } .top.cur .nav{top:84px;height:calc(100vh - 84px);} .top.cur .nav li>a{line-height:60px} .nav ul{display:block; width: 90%; margin: 0 auto;padding-top: 20px; } .nav li{border-bottom: 1px solid #f0f0f0; height:auto;display:block; margin: 0px; text-align: left; background: url("../images/down.png") no-repeat right 27px; background-size: 12px auto;} .nav li>a{display: inline-block; line-height: 60px; color: #333; padding-bottom: 0px; font-size: 18px;} .nav li:last-child{display: block} .nav li:last-child{background: none} .nav li:last-child a{display: block} .nav li:nth-child(4){background: none} .nav li:nth-child(4) a{display: block} .top.cur2 .nav li.cur>a{color: #333; font-weight: normal} .navdown{background: #fff; position:relative; left:0%; transform:none; width:100%;box-shadow:none; border-bottom-left-radius:0px; border-bottom-right-radius:0px; top: 0px; display: none; padding: 0px} .navdown a{line-height:36px; text-align:left; padding:10px 0px;border-top: 1px solid #f0f0f0; background: none; border-bottom: none; display: block; margin: 0px; font-size: 16px;} .nav-btnbox {position:absolute;z-index:999999999999999999;right:5%;top:50%; width:22px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display:block; transform: translate(0,-50%); cursor: pointer} .nav-btnbox .icon-bar {display: block; height:2px;border-radius: 10px;overflow: hidden;background-color:#fff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;perspective-origin: 50% 50%;-ms-transition: all .3s ease; margin:0 auto;} .top.cur .nav-btnbox .icon-bar{background: #000} .top.cur2 .nav-btnbox .icon-bar{background: #000} .top.curtwo .nav-btnbox .icon-bar{background: #000} .top:hover .nav-btnbox .icon-bar{background: #000} .nav-btnbox .icon-bar+.icon-bar {margin-top:5px} .menu-open .nav-btnbox .icon-bar{ background-color:#000;} .menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);} .menu-open .nav-btnbox .icon-bar:nth-child(2) { opacity: 0;transform: translate(20px, 0);} .menu-open .nav-btnbox .icon-bar:last-child {-webkit-transform: translate3d(0, -7px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -7px, 0) rotate3d(0, 0, 1, 45deg);} .menu-open .nav{visibility:visible;opacity:1;} .menu-open .icon-bar{ background:#FFF} .menu-open .nav li{-webkit-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp; } .menu-open .nav li:nth-child(1){animation-delay:0s;} .menu-open .nav li:nth-child(2){animation-delay:0.1s;} .menu-open .nav li:nth-child(3){animation-delay:0.2s;} .menu-open .nav li:nth-child(4){animation-delay:0.3s;} .menu-open .nav li:nth-child(5){animation-delay:0.4s;} .menu-open .nav li:nth-child(6){animation-delay:0.5s;} .menu-open .nav li:nth-child(7){animation-delay:0.6s;} .menu-open .nav li:nth-child(8){animation-delay:0.7s;} .menu-open .nav li:nth-child(9){animation-delay:0.8s;} .menu-open .nav li:nth-child(10){animation-delay:0.9s;} @-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translateY(60px)} 100% {opacity:1;-webkit-transform:translateY(0)} } @-moz-keyframes fadeInUp {0% {opacity:0;-moz-transform:translateY(60px)} 100% {opacity:1;-moz-transform:translateY(0)} } @-o-keyframes fadeInUp {0% {opacity:0;-o-transform:translateY(60px)} 100% {opacity:1;-o-transform:translateY(0)} } @keyframes fadeInUp {0% {opacity:0;transform:translateY(60px)} 100% {opacity:1;transform:translateY(0)} } .topright{margin-right: 50px;} .nywenhuatxt h3{font-size: 25px; margin-bottom:0px;} .nywenhuatxt p{font-size: 16px;} .nywenhuatxt li{margin-bottom: 10px;} .aboutmapright h3{font-size: 24px;} .aboutmapright span{font-size: 50px;} .nytit h2{font-size: 30px;} .diqu p{width: 90%; text-align: center; line-height: 1.4} .downloadbox ul{width:calc(100% + 80px); margin-left:-80px} .downloadbox li{width:calc(50% - 80px);margin-left: 80px;} .baogaoboxs ul{width:calc(100% + 80px); margin-left:-80px} .baogaoboxs li{width:calc(50% - 80px); margin-left: 80px;} .baogaoboxs li>p{font-size: 20px;} .dingzhibox{padding: 40px 5%} .xuqiuhuigu ul{width:calc(100% + 40px); margin-left:-40px} .xuqiuhuigu li{width:calc(50% - 42px);margin-top: 40px; margin-left: 40px;} .tixs{width: 100%} .jibxinxz h2{font-size: 30px;} .nynewsboxs ul{width:calc(100% + 40px); margin-left:-40px} .nynewsboxs li{width:calc(33.33% - 40px);margin: 25px 0px; margin-left: 40px;} .syhangyetxt{padding: 50px 40px 0px} .projectico{height:50px} .projectnav p{margin-top: 16px;} .gongyixs img{max-width: 100%} .gongyitedian li{width: calc(50% - 40px); } .dingzhitit li span{width: 28px;} .dingzhitit li span em{width: 24px; height: 24px; line-height: 24px;} .dingzhitit li span{height: 40px;} .dingzhitit li span em{width:28px;} .dingzhitit ul:before{top: 27px} } @media screen and (max-width:1024px) { .abshuzi li{ text-align: center; min-width: auto} .abshuzi li p{position: relative; left: auto; text-align: center} .abshuzi li span{padding-bottom: 15px;} .abshuzi ul{width: 100%; margin-top: 30px;} .footlogo{display: none} .footnav {width: 68.8%;} .mt20{margin-top: 10px} .protit li a{font-size: 30px} .nydownload ul {width: calc(100% + 20px);margin-left: -20px;} .nydownload li {width: calc(33.33% - 20px);margin-left: 20px;} .zhengright li span{font-size: 30px;} .zhengright li p{font-size: 18px;} .zhengleft p{font-size: 20px;} .zhaopingtit a{font-size: 30px;} .dzpart03 dl dd{padding: 20px;} .proshowright li div.erduan{display: block} .proshowpic{width: 100%} .proshowpic img{width: 100%} .proshowtxt{width: 100%; margin-top: 30px;} .proshownav li{font-size: 20px; line-height: 1.4} .sitemapbox dl{display: block} .sitemapbox dt{text-align: left; width: 100%} .sitemapbox dd{width: 100%; border: none; padding: 0px;display: block;} .sitemapbox dd:before{display: none} .sitemapbox dd a{ margin: 5px 0px;} } @media screen and (max-width:999px) { .sysolutionbox{display: block} .sysolutionleft{width: 100%} .sysolutionright{width: 100%; margin: 0px; margin-top: 30px;} .sysolutionleft li a{padding: 20px 0px;} .sysolutionleft li.on{width: 100%} .yiqicheng{overflow: hidden} } @media screen and (max-width:920px) { .syabout{display: block} .footnav{display: none} .footright{margin: 0 auto; width: 100%;} .footright a{max-width:250px; margin: 0 auto} .footright p{ text-align: center} .syaboutleft{width: 100%} .syaboutright{width: 100%} .mt20{margin-top: 8px;} .nyabouttxt{display: block} .nyabouttxtleft{width: 100%} .nyabouttxtleft h2{font-size: 30px;} .nyabouttxtright{width: 100%; margin-top: 30px;} .wapnone{display: block} .pcshow{display: none; visibility: hidden} .fazhanboxs{display: block} .fazhanleft{width: 100%; display: none} .fazhanrightgundong{height: auto; overflow: auto} .fazhanright{width: 100%} .scrolls{display: none} .fazhanright li.cur .fazhanxs p.cur:before{background: #333} .fazhanright li.cur:before{background:#b3b3b3} .fazhanright li.cur .fazhanxs p.cur{color: #333;} .fazhanright li.cur span{color: #333;} .fazhanxs p.im{font-weight:normal;} .fazhanright li{display: none} .fazhanright li:nth-child(1),.fazhanright li:nth-child(2),.fazhanright li:nth-child(3){display: block} .fazhanright .morebtn{display:block; margin-left: 20px;} .chuangshiren{width: calc(100% - 60px); padding: 30px;} .nywenhuatxt li{margin-bottom:20px;} .nywenhua{display: block} .nywenhuapic{width: 100%; display: none} .nywenhuatxt{width: 100%; margin-top: 30px;} .chuangshitxt h2{font-size: 30px;} .chuangshitxt p{font-size: 18px;} .honorshuzi li span em{font-size: 40px;} .honorshuzi li p{font-size: 14px;} .honorshuzi li p{padding: 0px 10px;} .nybanner{overflow: hidden} .nybanner>img{width:150%; margin-left: -25%; max-width: none} .contlist li{display: block} .contlist li span{width: 100%} .contlist li p{width: 100%} .maptxst{position: relative; width: 100%; bottom: auto; } .maptxst ul{display: block} .maptxst li{width: calc(100% - 2px); border: 1px solid #ddd;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;} .maptxst li.cur{width: 100%} .maptxst li .dizhi{width: 65%; opacity: 1} .dizhi{transform: translateY(0%) } .diqu{width: 30%} .dibuconboxs.dibuwenziboxs h3{font-size: 26px} .hangyepart01{display: block} .hytxtleft{width: 100%} .hytxtright{width: 100%; margin-top: 30px;} .hytxtright img{width: 100%} .hangyepart02{display: block} .huoban li {width: calc(50% - 12px);margin-left: 10px; margin-bottom: 10px;} .huoban ul {width: calc(100% + 10px);margin-left: -10px;} .dibuwenziboxs h3{font-size: 24px;} .downloadbox li{width:calc(100% - 80px);} .zhengright ul{display: block; overflow: hidden} .zhengright li{width: 50%; float: left; margin: 10px 0px} .baogaoboxs li {width: calc(100% - 80px);} .yuangongleft{width: 100%; display: none} .yuangongbox{display: block; padding: 0px 5%; } .yuangongright{width: 100%; margin: 0px;padding-bottom: 60px;} .qiehuan{position: absolute; left: 50%; bottom: 0px; transform: translate(-50%,0)} .lansttops li .syhangyetxt{padding:40px;} .lianxgsf h2{font-size: 22px; line-height: 1.4} .lansttops li .syhytxt{width: calc(100% - 40px); padding: 20px;} .erwemsf{width: 100%} .erwemsf span{width: 48%} .erwemsf span p{font-size: 14px;} .nynewsboxs li{width:calc(50% - 40px);} .fangantxtright{width: 100%; margin:30px 0;} .mainbox{width: 90%} .dzpart01 ul {width: calc(100% + 40px);margin-left: -40px;} .dzpart01 li {width: calc(50% - 40px); margin-left: 40px;} .gongyis .gyxuantit ul{display: block; } .gongyis .gyxuantit ul {*zoom:1;} .gongyis .gyxuantit ul:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';} .gongyis .gyxuantit li{width: calc(50% - 2px); float: left} .gongyis .gyxuantit li:nth-child(3){border-right: none; border-top: none} .gongyis .gyxuantit li:nth-child(4){border-top: none} .maptxst li.cur.mapimg{display: block} .mapBox{display: none} .bantxt p{max-width: 100%} .protit.newstits ul{display: block} } @media screen and (max-width:768px) { } @media screen and (max-width:680px) { .pd3{ padding-top:6%; padding-bottom:6%} .pd4{ padding-top:8%; padding-bottom:8%} .pd5{ padding-top:10%; padding-bottom:10%} .pd6{ padding-top:10%; padding-bottom:10%} .pd2{ padding-top:4%; padding-bottom:4%} .mt1{ margin-top:3%} .mt2{ margin-top:6%} .mt3{ margin-top:9%} .mt4{ margin-top:10%!important} .mt5{ margin-top:10%} .pb3{ padding-bottom:6%} .pb4{ padding-bottom:8%} .pb5{ padding-bottom:10%} .pb6{ padding-bottom:12%} .pb7{ padding-bottom:14%} .top>.mainbox{height:60px;} .top.cur>.mainbox{height:60px;} .top.cur .navdown{top: 0px} .top.cur .nav{top:60px;height:calc(100vh - 60px);} .protit.newstits ul li{width: calc(100% - 50px);} .logo{width:80px; height: auto;} .nav{top: 60px; height: calc(100vh - 60px)} .topright a.dzbtn{display: none} .topright{width: 58px} .topleft p{display: none} .nybanner{overflow: hidden} .nybanner>img{width: 200%; margin-left: -50%; max-width: none} .abshuzibox img{width: 100%} .abshuzi li{min-width:none; width: 50%; float: left; margin-bottom: 30px;} .abshuzi ul{display: block; overflow: hidden} .abshuzi li.line{display: none} .gonggong .swiper-button-next,.gonggong .swiper-button-prev{display: none} .syhangyetxt{padding: 50px 40px 0px} .synewsbox{display: block} .synewsleft{width: 100%} .synewstxt{padding: 20px;} .synewsright{margin-top: 30px; width: 100%} .newzleft span{font-size: 12px;} .newzleft p{font-size: 40px;} .synewsright li{padding: 20px 0px;} .newzrught {width: calc(100% - 80px);} .footerbot .mainbox.erduan{display: block;} .footerbot .mainbox.erduan p{ text-align: center} .footerbot .mainbox.erduan p i{display: block;} .banquanleft p>a{display: block} .banquanleft p span{display: block; padding: 10px 0px;} .shareboxs{ margin: 0 auto; margin-top: 10px;} .sytit h2:before {width: 50px;height: 2px;} .sytit h2{font-size: 26px;} .sysolutionleft li.on a em{right: 40px;} .sysolutionleft li a span{width: 44px;} .sysolutionleft li a i{width: 60px; height: 32px;} .sygongchengbox{display: none} .wapgongchengbox{display: block} .gonggong .swiper-pagination{bottom: 0px;} .gonggong .swiper-pagination-bullet{margin: 0px 5px!important;} .nybantxt h2{font-size: 26px;} .nytit h2{font-size: 26px;} .nyteambox .swiper{padding: 20px 0px;} .aboutmap{display: block} .aboutmapleft{width: 100%} .aboutmapright li:first-child{margin-bottom: 30px;} .aboutmapright li p{text-align: center} .aboutmapright{width: 100%; position: relative; top: auto; right: auto; transform: none; text-align: center; margin-top: 20px;} .honorshuzi ul{overflow: hidden; display: block} .honorshuzi li{width: calc(50% - 1px); float: left; margin: 20px 0px;} .honorshuzi li:nth-child(3){border: none} .nyabouttxtleft h2{font-size: 22px; line-height: 1.4} .fazhantxt h2{font-size: 20px;} .fazhanright li span{width: 90px; font-size: 24px;} .fazhanxs {width: calc(100% - 90px);} .fazhanright li{padding:0 20px} .chuangshitxt h2{font-size: 24px;} .chuangshitxt p{font-size: 12px;} .chuangshitop{padding-bottom:0px;} .contlist li{width: calc(100% - 80px); margin-bottom: 0px;} .maptxst li .dizhi{width: 70%;} .diqu{width: 25%} .maptxst li.cur .diqu{width: 25%} .maptxst li.cur .dizhi{width: 70%;} .diqu p{font-size: 16px;} .dibuconboxs.dibuwenziboxs h3{font-size: 22px; line-height: 1.4} .dibuwenziboxs p{font-size: 16px;} .protit ul{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center; display: block} .protit li{width: calc(100% - 50px)} .protit li a{font-size: 24px;} .nydownload li {width: calc(100% - 20px);} .nytit p{font-size: 14px;max-width: 90%; margin: 0 auto;} .nynewsboxs{margin-top: 0px;} .downloadbox li {margin-top: 10px; margin-bottom: 10px;} .downloadbox li span{width: 80px; font-size: 22px; padding-left: 10px;} .downloadbox li a{font-size: 16px; width: calc(100% - 110px); padding-left: 15px; padding-right: 20x;} .baogaoboxs li>p{font-size: 18px;width: calc(100% - 90px);} .zhengquanbox{display: block} .zhengright{width: 100%} .zhengleft {border-bottom: 1px solid rgba(255,255,255,0.3); border-right: none; padding: 30px 0px; margin-bottom: 20px;} .touzizhetxt{font-size: 16px;} .baogaos ul{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;} .baogaos ul li:first-child{margin-right: 30px;} .reportnav ul{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;} .reportnav ul li:first-child{margin-left: 0px;} .reportnav ul li{margin-left: 20px;} .nyjoinboxs{font-size: 16px;} .yiqicheng .swiper-slide p{font-size: 16px;} .dibuwenziboxs h3{font-size: 20px; line-height: 1.4; margin-top: 10px;} .nytit p br{display: none} .qiehuan{width:120px; margin: 0px auto;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;} .zhaopingtit a{font-size: 22px;} .zhaopingtit a:first-child{margin-right: 30px;} .joinshaixuan ul{display: block} .joinshaixuan li{width: 100%; margin-bottom: 10px;} .joinshaixuan li:last-child{width: 100%} .joinlist dt{font-size: 18px; padding: 10px 15px;} .joinw03,.joinw02{display: none} .joinlist dd>a{padding: 10px 15px;} .joinlist dd>a{font-size: 16px;} .joinw01{width: 60%} .joinshowtxt{padding: 20px;} .lansttops ul{display: block} .lansttops li{width: 100%; margin:20px 0px;} .dingzhitit li p{font-size: 12px;} .dzpart01 ul {width: calc(100% + 10px);margin-left: -10px;} .dzpart01 li {width: calc(50% - 10px); margin-left: 10px; margin-bottom: 20px;} .dzpart01 li p{font-size: 16px; bottom: 10px;} .dzpart01 li.cur em{right: 10px; top: 10px;} .dingzhitit{margin-bottom: 40px;} .gyico{height: 40px;} .gyxuantit li p{font-size: 18px;} .gyxuantit li{padding: 20px 0px;} .gyyhbox li{width: 50%; float: left; padding: 20px 0px;} .gyyhbox li p{font-size: 18px;} .gyyhbox li img{width: 30px;} .lansebtn{font-size: 18px;} .dzpart03 div.shangzuo{display: block} .dzpart03 dl{width: 100%; margin: 20px 0px;} .dzpart03 dl dt{font-size: 20px; height: 60px;} .dzpart03 dl dd label{font-size: 16px;} .biandans li{display: block; margin-bottom: 20px;} .biandans li p{width: 100%; text-align: left; margin-bottom: 10px;} .bianright{width: 100%;} .biandans{margin: 50px 0px;} .biandans li p{font-size: 16px;} .xuqiuhuigu>h2{font-size: 24px;} .xuqiuhuigu li {width: calc(100% - 43px); margin-top: 20px;} .xuqiuhuigu li h2{font-size: 18px} .xuqiuhuigu li p em{font-size: 16px;} .tixs h2{font-size: 22px; line-height: 1.6} .jibxinxz h2{font-size: 22px;} .tijiaocg p{font-size: 30px;} .tijiaocg span{font-size: 14px;} .lansbots ul{display: block} .lansbots li{width: 100%; margin: 20px 0px;} .nynewsboxs li {width: calc(100% - 40px);} .newstxts{padding: 20px 0;} .newstxts p{font-size: 18px; height: auto} .mt120{margin-top: 80px} .newtit h1{font-size: 28px;} .xianguanfangan>h2{font-size: 26px;} .nyprotxt{padding: 20px;} .nyprotxt p{font-size: 20px;} .proshowboxs{display: block} .proshownav{width: calc(100% - 40px); height: auto!important; overflow-x: scroll;overflow-y: auto; padding-bottom: 20px;} .proshownav li{margin-bottom: 0px; padding: 10px 15px; font-size: 18px; margin-right: 20px;} .proshowright{width: 100%; margin-top: 30px;} .proshowtxt h2{font-size: 22px;} .proshownav ul{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;white-space:nowrap; padding-right: 20px;} .proshownav::-webkit-scrollbar {width:auto; height: 3px;} .proshownav::-webkit-scrollbar-track {background:#e5e5e5;} .proshownav::-webkit-scrollbar-thumb {background:#0eafc9;} .projectico{height: 40px;} .projectnav p{font-size: 20px;} .gongyitedian li{width: calc(100% - 40px); } .gytxst h3{font-size: 20px;} .gytxst{padding: 30px; padding-top: 0px; margin-top: -10%} .gytxst p{min-height: auto} .gongyitedian li{margin-top: 20px;} .banimgbj{width: 30%} .dibuwenziboxs {display: none;background-attachment: scroll} .joindibu{display: block} .abshuzi{display: none} .syaboutleft h2{font-size: 26px;} .bantxt h2{font-size: 36px; max-width: 100%} .bantxt p{font-size:18px;} .projectnav .newqiehuan{width: 90px; bottom: 0px;} .projectnav .swiper-button-next,.projectnav .swiper-button-prev{width:34px; height: 34px;} .projectnav{padding-bottom: 40px;} .projectnav .swiper-pagination{width:100%; left: 0px;} .projectnav .swiper-button-next, .projectnav .swiper-button-prev{display: none} .pronavtit ul{display: block} .pronavtit {*zoom:1;} .pronavtit:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';} .pronavtit.protit li{width: calc(100% - 50px); float: left; text-align: center} .productboxs{margin-top: 5px;} .sysolutionright{display: none} .wapbanbj{display: block} .pcbanbj{display: none} .bantxt{top: 40%} .updowns a{display: block;max-width: 100%; padding: 5px 0px;} .updowns{display: block} .hangyetwo{margin-bottom: 30px;} .hangyeboxs p{max-width: 100%; margin-top: 15px;} .downloadbox li{display: none} .downloadbox li:nth-child(1),.downloadbox li:nth-child(2),.downloadbox li:nth-child(3),.downloadbox li:nth-child(4){display: flex} .baogaoboxs li{display: none} .baogaoboxs li:nth-child(1),.baogaoboxs li:nth-child(2){display: flex} } @media screen and (max-width:580px) { } @media screen and (max-width:480px) { .yuangongright .swiper-slide{width: 100%} .yuangongright .swiper{padding: 0px; margin-top: 20px;} } @media screen and (max-height:450px) { }