锘 .abshipin img{ width:720px; height:318px; display: block; } .abshipin video{ width:720px; height:318px; display: block; } .cpban,.fanban,.newban,.fwban{background-size:cover;} @media(max-width: 1920px) { .cont2nv ul li { width: 130px; } } @media(max-width: 1200px) { .inner { width: 900px; } .nav li { padding: 0px 12px; } .ct2tl { width: 200px; } .cont2nv ul { left: 200px; } .cont2nv ul li { padding: 0px 10px; width: 109px; } .contcp1 { width: 200px; height: 215px; } .contcp2 ul li { width: 200px; height: 215px; } .contcp2 { /*padding-left: 30px;*/ } .contcp1b { font-size:16px; margin-bottom: 22px; } .swpitem{ width: 220px; height: 120px; /*width:257px; height:135px;*/ } .cont4a{ width: 368px; } .cont4b{ padding-left: 30px; } .cont4b21{ font-size:16px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; } .til{ font-size:30px; padding-bottom: 15px; } .shuzi{ font-size:33px; } .ftnav{ width: 700px; } .ftdao{ padding-right: 40px; } .newgoto{ width: 258px; height: 247px; } .newtailimg img{ display: block; width: 100%; } .newbt{ white-space:nowrap; overflow: hidden; text-overflow: ellipsis; } .newtlzi{ height: 70px; } .newliewen{ width: 640px; } .newbt{ white-space:nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .shwz ul{ justify-content: space-between; } .shwz ul li{ margin: 0; width: calc(50% - 15px); margin-bottom: 15px; } .huan a{ width: calc(50% - 15px); box-sizing: border-box; } .fantab a{ width: 150px; line-height: 20px; display: flex; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box; } .fanslt2 img{ width: 380px; } .fanslt1{ padding: 0px 32px; } .fanslt1b{ margin-bottom: 42px; } .youshishang{ flex-wrap: wrap; } .youshiwen1{ flex: 1; padding-left: 20px; } .youshiwen2{ width: 100%; margin-top: 15px; } .youshiwen3{ flex: 1; margin-right: 20px; } .qiyeyuanjin{ width: calc(25% - 10px); height: 210px; padding-top: 78px; } .qiyewenhua{ height: 425px; background-size: cover; } .zhiwei{ width: 100%; } .jion{ background: none; } .zhaopin{ padding-left: 0px; padding-top: 0px; } .zhaopin a.cur{ padding: 0px; text-align:left; } .qiwenkuai{ padding-top: 80px; } .fright ul{ justify-content: space-between; } .fright ul li{ margin-right: 0px; width: calc(50% - 15px); } .bigimg{ width: 100%; height: auto; } .xinhao{ width: 100%; } .detail{ width: 100%; } .swpitem img{ display: block; width: 100%; } .jion .inner:before{ display:none; } } @media(max-width: 1000px) { .inner{ width: 768px; } .top .inner{ position:relative; } .top{ } .navbar{ position:absolute; right: 0px; top: 0px; height: 100%; width: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .navbar span{ width: 35px; height: 1px; background:#fff; margin: 5px 0; } .topri{ position:absolute; left: 0px; top: 100%; width: 100%; border-bottom:1px solid rgba(255,255,255,0.5); display:none; } .incont{ padding-top: 80px; } .zhuji{ padding-right: 0px; } .cont1{ margin-bottom: 30px; height: auto; } .cont2nv{ background: none; height: auto; } .cont2nv .inner{ flex-wrap: wrap; } .cnsvz{ } .cont2nv ul{ background:#117CCE; position:relative; width: 100%; left:0px; justify-content: space-between; } .cont2nv ul li{ } .contcp1{ width: 100%; } .contcp2 ul li{ width: calc(25% - 10px); } .cont4in{ flex-wrap: wrap; } .cont4a{ width: 100%; } .cont4b{ width: 100%; padding-left: 0px; margin-top: 50px; } .ftnav{ border: none; width: 100%; } .ftlian{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; margin-bottom: 50px; } .newgoto{ width: calc(33.33% - 10px); box-sizing: border-box; } .newliewen{ width: 512px; } .newfb{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .plan img{ max-width: 100% } .xgimg li{ margin-bottom: 20px; } .qiyewen{ padding-left: 0px; } .abshipin{ position:relative; left: 0px; top: 0px; width: 100%; height: auto; margin-bottom: 20px; } .abshipin img{ width:720px; height:318px; display: block; } .abshipin video{ width:720px; height:318px; display: block; } .rongsame{ width: 100%; } .rongimg { width: 100%; } .rongimg img{ display: block; width: 100%; } .ditu img{ max-width: 100%; } .tel{ float:right; border-right: none; } .nav{ border: none; } } .seavs{ display:none; } @media(max-width: 768px) { .shtl>img{ width:100%; } .fantab>a{ padding-top: 8rem; } .abshipin img{ width: 100%; display: block; } .abshipin video{ width: 100%; display: block; } .inner{ width: 100%; box-sizing: border-box; padding: 0 25px; } .topri{ height: auto; background:#fff; } .top.cur{ /*background:#fff;*/ } .top{ } .nav{ padding-right: 0px; } .logo{ padding-left: 20px; } .banner{ height: auto; } .tel-img{ display:none; } .tel-fixed{ display: inline; } .banner .swiper-container .inner{ background-size: cover; padding-bottom: 100px; } .nav li{ width: 100%; border-bottom:1px solid #eee; } .nav li a{ color:#555; } .xiala{display:none; visibility:hidden;} .cptsxtl{ max-height: 3rem; overflow: hidden; } .cpban,.fanban,.newban,.fwban{background-size: 100% 450px;} .tel{ width: 100%; color:#555; padding-bottom: 20px; height: auto; } .tel em{ color:#555; } .saoma{ display:none; } .lysban{ display:none; } .bjtl1{ font-size:30px; } .bjtl2{ font-size:22px; } .zhuji{ width: 100%; margin-top: 20px; text-align:center; } .company{ position:relative; width: 100%; left: 0px; top: 0px; height: auto; } .company img{ display: block; width: 100%; } .company img.split{ display: none; } .injie1{ width: 100%; position:relative; left: 0px; top: 0px; height: auto; } .cont1{ padding: 0px; /*padding-top: 30px;*/ } sub { vertical-align: super; } .brief{ width: 100%; padding-top: 30px; } .til{ text-align:center; background-position: center bottom; } .cont2nv{ overflow:hidden; } .cont2nv ul{ width: 800px; } .cnsvzwa{ overflow-x: auto; } .contcp2 ul{ flex-wrap: wrap; } .contcp2 ul li{ width: calc(50% - 10px); margin-bottom: 15px; } .contcp2{ padding: 0px 15px; } .swpitem{ width: calc(100% - 20px); margin: 0 auto; height: auto; } .cont3c{ padding: 0px 30px; } .cont4{ padding: 0px 15px; padding-top: 30px; padding-bottom: 50px; } .ftdao{ padding-right: 0px; width: 50%; margin-bottom: 20px; } .ftnav{ display: flex; flex-wrap: wrap; } .seavs{ position:absolute; right: 50px; top: 0px; display: block; } .topri .sea{ display:none; } .fwqie a{ flex: 1; margin: 0px 10px; } .bread{ padding-left: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .newtailimg img{ width:100%; } .banxi{ padding: 0px 15px; } .newtail{ padding: 0px 15px; flex-wrap: wrap; } .newgoto{ width: 100%; height: auto; margin-bottom: 15px; } .newlietu{ width: 160px; } .newltsame{ display: flex; } .newlietu img{ display: block; width: 100%; } .newliewen{ width: calc(100% - 180px); margin-left: 20px; } .newliejin{ align-items: center; } .newlietime{ padding-top: 0px; } .detailcont{ margin: 0px 15px; padding: 25px 15px; } .detact1{ line-height: 28px; font-size:18px; } .npnex1{ display:none; } .newprenext{ padding: 0px 15px; flex-wrap: wrap; } .npnex{ width: 100%; margin-bottom: 15px; } .search{ width: 140px; } .seainpt{ width: calc(100% - 50px); } .formbx{ margin: 0px 15px; padding: 25px 15px; } .formtm{ width: 100%; } .shwz ul li{ width: 100%; } .shounoux{ margin: 15px; padding: 25px 15px; } .fangan{ margin: 15px; padding: 25px 15px; } .plan{ height: auto; } .xiangguan{ margin: 15px; } .xgimg li{ margin-right: 0px; width: calc(50% - 10px); height: auto; } .xgimg ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .xgimg li img{ display: block; width: 100%; } .huan{ flex-wrap: wrap; margin: 0px 15px; } .huan a{ width: 100%; margin-bottom: 10px; } .bantil{ padding-top: 50px; text-align:center; } .banxi2{ width: 90%; text-align:center; } .abdaohang{ width: 550px; justify-content: flex-start; } .abnav .inner{ overflow-x: auto; overflow-scrolling : touch; -webkit-overflow-scrolling : touch; -moz-overflow-scrolling : touch; -ms-overflow-scrolling : touch; -o-overflow-scrolling : touch; } .abdaohang a{ margin: 0px 10px; } .youshiimg{ width: 100%; } .youshiimg img{ display: block; width: 100%; } .youshiwen1{ width: 100%; padding-left: 0px; margin-top: 15px; } .youshiwbt2{ text-align:left; } .youshiimg2{ width: 100%; margin-top: 15px; } .youshiimg2 img{ width: 100%; } .qiyewenhua{ height: auto; padding-bottom: 70px; } .qiwenkuai{ padding: 0px 15px; flex-wrap: wrap; } .qiyeyuanjin{ width: calc(50% - 10px); margin: 10px 0; } .ronggun{ margin: 0px 15px; } .jion{ margin: 0px 15px; } .zhiweilist li{ height: auto; padding: 5px 0; } .zhiweixiang{ flex-wrap: wrap; display: flex; } .zhitail{ width: 100%; padding: 0; } .fanslft{ flex-wrap: wrap; margin: 15px; margin-top: 50px; } .fleft{ width: 100%; } .fright{ margin-left: 0px; margin-top: 30px; } .gouwu{ margin-top: 50px; } .detailcontact a{ width: 100%; margin-bottom: 15px; } .fanslt li{ display: flex; flex-direction: column-reverse; } .fanslt2 { width: 100%; } .fanslt2 img{ width: 100%; } .fanslt{ margin: 0px 15px; } .fanslt1{ padding: 15px; } .fanslt li:nth-child(2n){ flex-direction: column-reverse; } }